Jetpack Compose中如何通过断言检测嵌套组件的颜色变化？

前置准备 #

• 确保你的模块已经引入Compose测试依赖，在build.gradle(模块级)的dependencies块中添加：

debugImplementation "androidx.compose.ui:ui-test-junit4:1.4.3" // 版本对应你项目的Compose版本即可

• 给需要测试的两个组件添加测试标签，方便测试时定位元素：
  给嵌套的描述标签添加testTag = "error_desc_label"
  给父文本输入框添加testTag = "input_text_field"

测试用例编写步骤 #

1. 初始化测试规则
   在你的测试类中首先声明Compose测试入口规则：

@get:Rule
val composeTestRule = createComposeRule()

2. 编写测试逻辑

@Test
fun inputLengthLessThan5_labelChangesToErrorColor() {
    // 定义你预设的正常状态、错误状态下的标签颜色，换成你自己项目的颜色值即可
    val expectedNormalColor = Color.Gray
    // 如果是xml定义的颜色资源可以用ContextCompat.getColor(context, R.color.your_error_color)转成Color对象
    val expectedErrorColor = Color.Red 

    // 加载待测试的父组件
    composeTestRule.setContent {
        // 这里套上你项目实际使用的主题，避免颜色读取偏差
        YourAppTheme {
            ParentInputComposable()
        }
    }

    // 校验初始状态下标签颜色为正常色
    composeTestRule.onNodeWithTag("error_desc_label")
        .assertTextColorEquals(expectedNormalColor)

    // 给输入框输入4个字符，触发错误状态
    composeTestRule.onNodeWithTag("input_text_field")
        .performTextInput("1234")
    // 如果你的颜色切换有过渡动画，可以加一行跳转动画时间，避免提前校验失败
    composeTestRule.mainClock.advanceTimeBy(500)

    // 校验错误状态下标签颜色已切换为预设错误色
    composeTestRule.onNodeWithTag("error_desc_label")
        .assertTextColorEquals(expectedErrorColor)
}

3. 添加自定义断言扩展（可选，方便复用）
   把判断文本颜色的逻辑封装成扩展方法，全局通用：

fun SemanticsNodeInteraction.assertTextColorEquals(expectedColor: Color): SemanticsNodeInteraction {
    return assert { node ->
        val textLayoutInfo = node.layoutInfo as? TextLayoutInfo 
            ?: throw AssertionError("目标节点不是Text类型组件")
        val actualColor = textLayoutInfo.textLayoutInput.style.color
        assertEquals("标签颜色不符合预期", expectedColor, actualColor)
    }
}

注意事项 #

• 测试时传入的主题要和业务代码中使用的主题完全一致，否则颜色继承会出现偏差
• 如果你的颜色是定义在xml的颜色资源中，需要用Android Context读取后转成Compose的Color对象再做对比

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