如何在UI测试中读取Jetpack Compose TextField的语义值

方案1：直接匹配EditableText属性查找节点并校验 #

你可以直接用hasText匹配器匹配EditableText值，无需额外封装自定义逻辑，代码示例：

// 直接查找EditableText为RandomName123的节点并校验是否显示
composeTestRule.onNode(hasText("RandomName123")).assertIsDisplayed()

如果需要先按标签定位输入框，再校验它的输入值，写法如下：

// 先找到带Name标签的输入框节点
val nameTextFieldNode = composeTestRule.onNodeWithText("Name")
// 校验该节点的EditableText值是否符合预期
nameTextFieldNode.assert(hasText("RandomName123"))

方案2：手动读取SemanticsNode的EditableText属性 #

如果你需要主动获取属性值做自定义判断，可以通过fetchSemanticsNode读取对应语义属性：

val nameTextFieldNode = composeTestRule.onNodeWithText("Name")
val editableTextValue = nameTextFieldNode.fetchSemanticsNode().config[EditableText]
// EditableText语义属性返回的是AnnotatedString类型，取text属性获取纯文本内容
assertEquals("RandomName123", editableTextValue.text)

测试稳定性优化建议 #

为了避免文本国际化、重名导致的匹配失败，建议你给OutlinedTextField加唯一的测试标签：
首先在Composable代码中给Modifier添加testTag属性：

OutlinedTextField(
    // 其余参数保持不变
    modifier = Modifier
        .fillMaxWidth()
        .padding(horizfull_verthalf)
        .testTag("name_input_field") // 新增测试标签
)

测试时通过标签定位节点，匹配逻辑更稳定：

composeTestRule.onNodeWithTag("name_input_field")
    .assert(hasText("RandomName123"))
    .assertIsDisplayed()

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