使用jetpack compose时在android测试中测试小吃栏

Question

我正在使用 jetpack compose 并使用此代码来显示我的 Snackbar：

 LaunchedEffect(true) {
        viewModel.snackBar.collectLatest { message ->
            scaffoldState.snackbarHostState.currentSnackbarData?.dismiss()
            scaffoldState.snackbarHostState.showSnackbar(message = message)
        }
    }

通常，当我想访问 compose 元素时，我使用testTagin modifier。但 Snackbar 没有。那么我如何测试我的 Snackbar 是否显示特定文本？

我尝试使用：

 composeRule.onNodeWithText(SNACKBAR_MESSAGE).assertIsDisplayed()

但它找不到任何节点。

Answer 1

我们可以在 Snackbar 修饰符中传递 testtag 并断言它。

Snackbar(
      modifier = Modifier
                  .padding(horizontal = 8.dp, vertical = 8.dp)
                  .testtag("Snackbar"))
         { 
            Text(text=label,modifider=Modifier.testtag("SnackBar_Text")
          }

测试代码

onNodeWithTag("Snackbar").assertIsDisplayed
onNodeWithTag("SnackBar_Text").assertIsDisplayed //can get text from config and assert the strings too