Compose offers ComposeTestRule
שמאפשר לכתוב בדיקות לאנימציות בצורה דטרמיניסטית עם שליטה מלאה בשעון הבדיקה. כך תוכלו לאמת ערכי אנימציה ביניים. בנוסף, משך ההרצה של הבדיקה יכול להיות קצר יותר ממשך האנימציה בפועל.
ComposeTestRule
חושף את שעון הבדיקה שלו כ-mainClock
. כדי לשלוט בשעון בקוד הבדיקה, אפשר להגדיר את המאפיין autoAdvance
כ-false. אחרי שמפעילים את האנימציה שרוצים לבדוק, אפשר להעביר את השעון קדימה באמצעות advanceTimeBy
.
חשוב לשים לב: advanceTimeBy
לא מעביר את השעון בדיוק למשך הזמן שצוין. היא מעגלת אותו כלפי מעלה למשך הזמן הקרוב ביותר שהוא כפולה של משך הפריימים.
@get:Rule val rule = createComposeRule() @Test fun testAnimationWithClock() { // Pause animations rule.mainClock.autoAdvance = false var enabled by mutableStateOf(false) rule.setContent { val color by animateColorAsState( targetValue = if (enabled) Color.Red else Color.Green, animationSpec = tween(durationMillis = 250) ) Box(Modifier.size(64.dp).background(color)) } // Initiate the animation. enabled = true // Let the animation proceed. rule.mainClock.advanceTimeBy(50L) // Compare the result with the image showing the expected result. // `assertAgainGolden` needs to be implemented in your code. rule.onRoot().captureToImage().assertAgainstGolden() }
מומלץ עבורך
- הערה: טקסט הקישור מוצג כש-JavaScript מושבת
- בדיקת הפריסה של חלון הכתיבה
- שיקולים נוספים
- התאמה אישית של אנימציות {:#customize-animations}