Compose测试：如何测试点击Composable外部的行为？

要测试点击ModalBottomSheet外部使其关闭的行为，核心是要定位并触发弹窗以外的区域，而不是弹窗本身。以下是两种可行的实现方案：

方法1：点击屏幕指定外部坐标 #

ModalBottomSheet通常从底部弹出，屏幕顶部区域默认属于弹窗外部。直接通过根节点点击该区域的坐标即可触发关闭：

@Test
fun contentState_dismissed_whenClickOutside() {
    // given
    val state = createContentState()
    composeTestRule.setContent {
        WegpunktScreen(
            state = state,
            onDismissClicked = {}
        )
    }
    
    // when
    // 点击屏幕左上角（坐标0,0），属于BottomSheet外部区域
    composeTestRule.onRoot().performClick(Offset(0f, 0f))

    // then
    composeTestRule.onNodeWithTag(BOTTOM_SHEET).assertIsNotDisplayed()
}

如果担心固定坐标适配问题，也可以使用百分比坐标（比如屏幕的10%位置）：

composeTestRule.onRoot().performClick(Offset(0.1f, 0.1f))

方法2：点击ModalBottomSheet的背景遮罩 #

ModalBottomSheet弹出时会生成一个半透明背景遮罩（Scrim），这个遮罩本身就是触发外部关闭的交互区域。可以通过语义属性定位并点击：

@Test
fun contentState_dismissed_whenClickScrim() {
    // given
    val state = createContentState()
    composeTestRule.setContent {
        WegpunktScreen(
            state = state,
            onDismissClicked = {}
        )
    }
    
    // when
    // 查找背景遮罩节点并点击
    composeTestRule.onNode(hasContentDescription("Background scrim")).performClick()

    // then
    composeTestRule.onNodeWithTag(BOTTOM_SHEET).assertIsNotDisplayed()
}

如果项目中给遮罩设置了自定义Tag，也可以直接用onNodeWithTag(SCRIM_TAG)定位。

注意事项 #

• 确保ModalBottomSheet的enableDismissOnClickOutside参数为true（默认值为true，若手动关闭需重新开启）。
• 测试前需等待弹窗完全渲染完成，必要时可添加composeTestRule.waitForIdle()确保UI状态稳定。

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