如何实时运行Jetpack Compose文本选择测试？

核心原因 #

Compose测试框架默认会批量处理UI更新与重组，即便禁用了虚拟时钟的autoAdvance，若不主动触发UI刷新，中间的选择状态不会被渲染，只会显示初始选中和最终完成的结果。

解决方案步骤 #

1. 正确配置虚拟测试时钟
   在runTest中明确禁用autoAdvance，并获取测试时钟实例：

runTest(autoAdvance = false) {
    val testClock = this.testClock
    // 后续测试逻辑
}

2. 拆分滑动操作，每步触发UI刷新
   将滑动过程拆分为多个小步骤，每完成一段滑动后执行以下操作：

• 推进测试时钟到对应时间点
• 调用waitForIdle()等待Compose完成重组和绘制
• 添加真实延迟（满足肉眼可见的演示需求）

修改后的selectVertical函数示例：

suspend fun selectVertical(
    startOffset: Offset,
    endOffset: Offset,
    steps: Int = 10,
    totalDuration: Long = 1000L
) {
    val stepX = (endOffset.x - startOffset.x) / steps
    val stepY = (endOffset.y - startOffset.y) / steps
    val stepDuration = totalDuration / steps

    var currentOffset = startOffset
    // 长按触发初始选择
    performLongClick(startOffset)
    waitForIdle()
    delay(200) // 给初始选择的UI渲染留缓冲时间

    repeat(steps) {
        currentOffset += Offset(stepX, stepY)
        // 模拟滑动到当前偏移位置
        performTouchInput {
            down(startOffset)
            moveTo(currentOffset)
        }
        // 推进时钟到当前步骤对应的时间点
        testClock.advanceTimeBy(stepDuration)
        // 等待UI重组完成，确保中间状态被渲染
        waitForIdle()
        // 添加真实延迟，让肉眼能捕捉到中间选择状态
        delay(stepDuration)
    }
    // 结束滑动操作
    performTouchInput { up() }
    waitForIdle()
}

3. 调整测试渲染配置
   在本地设备或模拟器上运行测试时，关闭测试的"快速渲染"优化，确保每一步UI状态都能正常渲染。可在测试方法上添加注解：

@OptIn(ExperimentalTestApi::class)
@Test
fun testTextSelection() = runTest(autoAdvance = false) {
    // 测试执行代码
}

关键注意点 #

• 不要用普通delay()替代testClock.advanceTimeBy()，测试中的协程延迟受虚拟时钟控制，普通delay不会推进测试时间线。
• waitForIdle()是核心操作，它会等待所有Compose重组和挂起任务完成，确保中间选择状态被渲染出来。
• 拆分的steps数量和totalDuration可按需调整，步数越多，选择扩展的动画越平滑。

内容的提问来源于stack exchange，提问作者Harald