如何以交互方式（非无头模式）测试桌面端Compose Multiplatform？

当然可以实现直观查看Compose UI测试的执行过程，你遇到的问题大概率是测试框架默认的优化设置（比如禁用动画、自动推进时钟）导致的，以下是具体解决方法：

• 禁用测试的自动时钟推进
  Compose测试默认会自动推进时钟以加速测试，跳过动画和延迟。你可以通过ComposeTestRule关闭这个特性，手动控制时间推进来查看UI变化：

  @get:Rule
  val composeTestRule = createAndroidComposeRule<MainActivity>().apply {
      mainClock.autoAdvance = false // 关闭自动时钟
  }
  

  在需要查看动画或UI更新时，手动推进时钟：

  // 执行交互操作后，推进1秒时间以观察动画
  composeTestRule.mainClock.advanceTimeBy(1000)
  // 等待UI进入空闲状态
  composeTestRule.waitForIdle()
  

• 取消禁用系统动画的设置
  Android Studio的Instrumented Test默认会勾选"Disable animations during instrumented tests"选项，这会屏蔽系统和Compose的动画效果。你需要：

  1. 打开测试的运行配置
  2. 切换到"Options"标签页
  3. 取消勾选"Disable animations during instrumented tests"

• 不要用Thread.sleep，改用框架内置等待方法
  Thread.sleep无法和Compose的测试调度机制协同，容易导致UI状态不同步。推荐使用：

  • waitForIdle()：等待所有Compose重组和异步操作完成
  • waitForNode()：等待目标UI节点出现
  • advanceTimeUntil()：推进时钟直到满足某个条件

• 确保测试启动可见的Activity
  如果你使用的是createComposeRule()，它只会加载Compose内容而不会启动完整的Activity，可能在后台运行导致看不到UI。改用createAndroidComposeRule<YourMainActivity>来启动真实的Activity，确保界面可见。

• 避免headless模式运行测试
  运行测试时选择可见的模拟器或真机，不要启用headless模式（比如命令行运行时不要加-no-window参数），确保能直观看到设备屏幕上的测试执行过程。

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