测试动画

Compose 提供 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()
}
AnimationTestingSnippets.kt

为您推荐

• 注意：当 JavaScript 处于关闭状态时，系统会显示链接文字
• 测试 Compose 布局
• 其他注意事项
• 自定义动画 {:#customize-Animations}