撰写 UI 测试 - 如何声明文本颜色？

Question

我正在尝试测试 Text 我可以在我的组件上以不同的颜色打印它，所以在我的测试中我正在验证它是否获得了预期的颜色。我一直在寻找一种 return 颜色的方法，但我没有找到。

从现在开始，我断言文本是正确的并且可见性是正确的，但是当我试图找到获得颜色的方法时，我变得太深了，我正在寻找一个更简单的解决方案。

composeTestRule.onNode(hasTestTag("testTagForButton"), true)
            .assertExists()
            .assertTextEquals("Testing")

我检查过我是否可以做类似 .fetchSemanticsNode().layoutInfo.getModifierInfo() 的事情来进入 Modifier，也许从那里我可以获得颜色，但也许太多了。我还发现这个 .captureToImage() 也许我可以在上面涂上颜色，但由于我必须放置像素，所以我决定不这样做。

有什么简单的方法可以做到吗？

Answer 1

我绝不是撰写专家，但只需查看撰写源代码，您就可以利用他们的 GetTextLayoutResult 可访问性语义操作。这将包含用于在 canvas.

上呈现 Text 的所有属性

为了方便起见，我提供了一些快速而肮脏的扩展功能：

fun SemanticsNodeInteraction.assertTextColor(
    color: Color
): SemanticsNodeInteraction = assert(isOfColor(color))

private fun isOfColor(color: Color): SemanticsMatcher = SemanticsMatcher(
    "${SemanticsProperties.Text.name} is of color '$color'"
) {
    val textLayoutResults = mutableListOf<TextLayoutResult>()
    it.config.getOrNull(SemanticsActions.GetTextLayoutResult)
        ?.action
        ?.invoke(textLayoutResults)
    return@SemanticsMatcher if (textLayoutResults.isEmpty()) {
        false
    } else {
        textLayoutResults.first().layoutInput.style.color == color
    }
}

然后可以这样使用：

composeTestRule.onNode(hasTestTag("testTagForButton"), true)
            .assertExists()
            .assertTextEquals("Testing")
            .assertTextColor(Color.Black)

撰写 UI 测试 - 如何声明文本颜色？

Compose UI testing - How do I assert a text color?

android

kotlin

android-jetpack-compose

android-jetpack

android-jetpack-compose-testing