Jetpack Compose UI测试因布局过宽失败，如何兼顾UI与测试？

以下是几个能兼顾UI布局和测试通过的实用方案：

1. 调整测试窗口尺寸 #

测试默认的窗口尺寸通常偏小，添加固定width修饰符后，部分组件可能超出测试的可见区域，导致检测失败。你可以在测试中手动设置足够大的窗口尺寸：

@get:Rule
val composeTestRule = createComposeRule()

@Test
fun testFullView() {
    composeTestRule.setContent {
        YourAppTheme {
            // 渲染你的整体视图
            YourFullView()
        }
    }
    // 设置测试窗口为适配的尺寸，比如常见手机的360dp宽、780dp高
    composeTestRule.onRoot().setSize(DpSize(360.dp, 780.dp))
    
    // 执行断言，比如检测删除按钮可见
    composeTestRule.onNodeWithContentDescription("删除按钮").assertIsVisible()
}

2. 替换固定width为自适应修饰符 #

如果使用了固定值的width()，可以改成自适应的写法，既保持多行字段的一致宽度，又能适配测试窗口：

// 原写法（可能导致测试溢出）
TextField(
    value = inputText,
    onValueChange = { inputText = it },
    modifier = Modifier.width(320.dp)
)

// 修改后的自适应写法
TextField(
    value = inputText,
    onValueChange = { inputText = it },
    // 占满父布局80%宽度，同时保留左右内边距
    modifier = Modifier.fillMaxWidth(0.8f).padding(horizontal = 16.dp)
)

这种写法在实际运行和测试环境中都能保持布局一致性，不会因为窗口尺寸差异导致组件溢出。

3. 测试时滚动到目标组件 #

如果你的整体视图是可滚动的（比如用了verticalScroll），测试默认不会自动滚动到屏幕外的组件，需要先执行滚动操作再断言：

composeTestRule.onNodeWithContentDescription("删除按钮")
    .performScrollTo() // 滚动到组件可见位置
    .assertIsVisible()

4. 基于语义属性替代可见性检测 #

如果组件确实存在于布局树中，但因测试窗口裁剪被判定为不可见，可以通过检测语义属性确认组件已渲染：

composeTestRule.onNodeWithContentDescription("删除按钮")
    .assert(SemanticsMatcher.keyIsDefined(SemanticsProperties.ContentDescription))

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