compose can not test Dialog

user_5993479 0
Viewed 774

I have dialog in compose:

@Composable
fun testgtt() {
    val saveDialogState = remember { mutableStateOf(false) }
    Button(onClick = { saveDialogState.value = true }, modifier = Modifier.testTag(PLACE_TAG)) {
        Text(text = "helllow")
    }

    Dialog(onDismissRequest = { saveDialogState.value = false }) {
        Text(text = "helllow",modifier = Modifier.testTag(BUTTON_TAG))
    }
}

and want to test it:

    @Test
    fun das(){
        composeTestRule.setContent {
            TerTheme {
                testgtt()
            }
        }
        composeTestRule.onRoot(useUnmergedTree = true).printToLog("currentLabelExists")
        composeTestRule.onNodeWithTag(PLACE_TAG).performClick()
        composeTestRule.onNodeWithTag(BUTTON_TAG).assertIsDisplayed()
    }

but I get this error:

java.lang.AssertionError: Failed: assertExists.
Reason: Expected exactly '1' node but found '2' nodes that satisfy: (isRoot)
Nodes found:
1) Node #1 at (l=0.0, t=0.0, r=206.0, b=126.0)px
Has 1 child
2) Node #78 at (l=0.0, t=0.0, r=116.0, b=49.0)px
Has 1 child

Inspite of the fact that I see the Dialog itself.

android-jetpack-compose android-testing
3 Answers

The reason for this error is the line: composeTestRule.onRoot(useUnmergedTree = true).printToLog("currentLabelExists")

onRoot expects a single node, but i suspect both the containing view and the dialog each return their own root (Speculation)

A possible workaround is to instead print both root trees using something like composeTestRule.onAllNodes(isRoot()).printToLog("currentLabelExists")

user_9232290

use navigation component:

@Composable
fun de(){
    val navController = rememberNavController()
    Scaffold { innerPadding ->
        NavHost(navController, "home", Modifier.padding(innerPadding)) {
            composable("home") {
                // This content fills the area provided to the NavHost
                val saveDialogState = remember { mutableStateOf(true) }
                Button(onClick = {
                                 navController.navigate("detail_dialog")
                }, modifier = Modifier.testTag(PLACE_TAG)) {
                    Text(text = "helllow")
                }
            }
            dialog("detail_dialog") {
                // This content will be automatically added to a Dialog() composable
                // and appear above the HomeScreen or other composable destinations
                
        Dialog(onDismissRequest = {navController.navigate("home")}) {
        Card(
            shape = RoundedCornerShape(10.dp),
            modifier = Modifier
                .fillMaxWidth()
                .wrapContentHeight()
//                    .padding(horizontal = 16.dp)
                .padding(vertical = 8.dp),
            elevation = 8.dp
        ){
        Text(text = "helllow", modifier = Modifier.testTag(BUTTON_TAG))
        }
    }
            }
        }
    }
}
user_59934790

As @DanielO said you can use the isRoot() selector, see below. That however prints out the same message as before.

A possible workaround is to instead print both root trees using something like composeTestRule.onAllNodes(isRoot()).printToLog("currentLabelExists")

You have to distinctivly select which root you are looking for. By using the selectors:

  • .get( index )
  • .onFirst()
  • .onLast()

When added it should look like this:

  • composeTestRule.onAllNodes(isRoot()).get(1).printToLog("T:")
  • composeTestRule.onAllNodes(isRoot()).onFirst().printToLog("T:")
  • composeTestRule.onAllNodes(isRoot()).onLast().printToLog("T:")
user_51487950
Related