Compose में ComposeTestRule
की सुविधा उपलब्ध है. इसकी मदद से, ऐनिमेशन के लिए तय समय के हिसाब से टेस्ट लिखे जा सकते हैं. साथ ही, टेस्ट क्लॉक पर पूरा कंट्रोल भी मिलता है. इससे, ऐनिमेशन की इंटरमीडिएट वैल्यू की पुष्टि की जा सकती है. इसके अलावा, टेस्ट, ऐनिमेशन की असल अवधि से तेज़ी से चल सकता है.
ComposeTestRule
, अपनी टेस्ट क्लॉक को mainClock
के तौर पर दिखाता है. अपने टेस्ट कोड में घड़ी को कंट्रोल करने के लिए, autoAdvance
प्रॉपर्टी को 'गलत' पर सेट किया जा सकता है. जिस ऐनिमेशन की जांच करनी है उसे शुरू करने के बाद, 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}