Compose/basic/codelab

app/build.gradle.kts

@@ -80,4 +80,8 @@ dependencies {
     androidTestImplementation(libs.androidx.ui.test.junit4)
     debugImplementation(libs.androidx.ui.tooling)
     debugImplementation(libs.androidx.ui.test.manifest)
+
+    debugImplementation(libs.compose.ui.test.manifest)
+    androidTestImplementation(libs.compose.ui.test.junit4)
+    implementation(libs.androidx.material.icons.extended)
 }

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/BasicComposeActivityTest.kt

@@ -0,0 +1,36 @@
+package com.example.learningtest.compose.basic.codelab
+
+import android.content.pm.ActivityInfo
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import org.junit.Rule
+import org.junit.Test
+import org.junit.runner.RunWith
+
+@RunWith(AndroidJUnit4::class)
+class BasicComposeActivityTest {
+    @get:Rule
+    val composeTestRule = createAndroidComposeRule(BasicComposeActivity::class.java)
+
+    @Test
+    fun save_the_state_after_configuration_change() {
+        // given
+        composeTestRule.onNodeWithText("Continue")
+            .assertIsDisplayed()
+
+        // when
+        composeTestRule.onNodeWithText("Continue")
+            .performClick()
+        composeTestRule.onNodeWithText("Continue")
+            .assertDoesNotExist()
+
+        composeTestRule.activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+
+        // then
+        composeTestRule.onNodeWithText("Continue")
+            .assertDoesNotExist()
+    }
+}

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/GreetingKtTest.kt

@@ -0,0 +1,53 @@
+package com.example.learningtest.compose.basic.codelab
+
+import androidx.compose.ui.semantics.Role
+import androidx.compose.ui.semantics.SemanticsProperties
+import androidx.compose.ui.test.SemanticsMatcher
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.assertIsNotDisplayed
+import androidx.compose.ui.test.hasText
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.performClick
+import org.junit.Rule
+import org.junit.Test
+
+class GreetingKtTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun when_expanded_initially_then_ipsum_is_shown() {
+        composeTestRule.setContent {
+            Greeting(name = "Android", expandedInitially = true)
+        }
+
+        composeTestRule.onNode(hasText("ipsum", substring = true))
+            .assertIsDisplayed()
+    }
+
+    @Test
+    fun when_not_expanded_initially_then_ipsum_is_now_shown() {
+        composeTestRule.setContent {
+            Greeting(name = "Android", expandedInitially = false)
+        }
+
+        composeTestRule.onNode(hasText("ipsum", substring = true))
+            .assertIsNotDisplayed()
+    }
+
+    @Test
+    fun give_not_expanded_click_when_click_iconButton_then_ipsum_is_shown() {
+        composeTestRule.setContent {
+            Greeting(name = "Android", expandedInitially = false)
+        }
+        val buttonMatcher =
+            SemanticsMatcher.expectValue(
+                SemanticsProperties.Role,
+                Role.Button,
+            )
+        composeTestRule.onNode(buttonMatcher).performClick()
+
+        composeTestRule.onNode(hasText("ipsum", substring = true))
+            .assertIsDisplayed()
+    }
+}

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/GreetingV1KtTest.kt

@@ -0,0 +1,27 @@
+package com.example.learningtest.compose.basic.codelab
+
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import org.junit.Rule
+import org.junit.Test
+
+class GreetingV1KtTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun greeting_displaysCorrectName() {
+        // given
+        val name = "sh1mj1"
+
+        // when
+        composeTestRule.setContent {
+            GreetingV1(name = name)
+        }
+
+        // then
+        composeTestRule
+            .onNodeWithText("Hello sh1mj1!")
+            .assertExists()
+    }
+}

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/GreetingV4KtTest.kt

@@ -0,0 +1,38 @@
+package com.example.learningtest.compose.basic.codelab
+
+import androidx.compose.ui.test.assert
+import androidx.compose.ui.test.assertCountEquals
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.hasText
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onChildren
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.onParent
+import org.junit.Rule
+import org.junit.Test
+
+class GreetingV4KtTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun greetingV4_displaysTwoTextElementsCorrectly() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV4(name = "Android")
+        }
+
+        // then
+        composeTestRule.onNodeWithText("Hello")
+            .assertIsDisplayed()
+
+        val columnChildren =
+            composeTestRule.onNodeWithText("Hello")
+                .onParent()
+                .onChildren()
+
+        columnChildren.assertCountEquals(2)
+        columnChildren[0].assert(hasText("Hello"))
+        columnChildren[1].assert(hasText("Android"))
+    }
+}

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/GreetingV5KtTest.kt

@@ -0,0 +1,135 @@
+package com.example.learningtest.compose.basic.codelab
+
+import androidx.compose.ui.semantics.Role
+import androidx.compose.ui.semantics.SemanticsProperties
+import androidx.compose.ui.test.SemanticsMatcher
+import androidx.compose.ui.test.assertCountEquals
+import androidx.compose.ui.test.assertTextContains
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onChild
+import androidx.compose.ui.test.onChildren
+import androidx.compose.ui.test.onRoot
+import org.junit.Rule
+import org.junit.Test
+import org.junit.jupiter.api.assertThrows
+
+class GreetingV5KtTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun greetingV5_display_button_named_Show_more() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5(name = "Android")
+        }
+
+        val buttonMatcher =
+            SemanticsMatcher.expectValue(
+                SemanticsProperties.Role,
+                Role.Button,
+            )
+
+        // then
+        composeTestRule.onNode(matcher = buttonMatcher)
+            .assertTextContains("Show more")
+    }
+
+    @Test
+    fun greetingV5_root_has_one_node_Surface() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5(name = "Android")
+        }
+
+        composeTestRule.onRoot()
+            .onChildren()
+            .assertCountEquals(1)
+    }
+
+    @Test
+    fun greetingV5_Surface_has_three_nodes() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5(name = "Android")
+        }
+
+        assertThrows<AssertionError> {
+            composeTestRule.onRoot()
+                .onChild() // Surface
+                .onChildren() // Row
+                .assertCountEquals(1)
+        }
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChildren() // Row
+            .assertCountEquals(3) // Text("Hello"), Text("Android"), Button("Show more")
+    }
+
+    @Test
+    fun greetingV5WithTestTag_Surface_has_one_node_Row() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5WithTestTag(name = "Android")
+        }
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChildren() // Row
+            .assertCountEquals(1) // Row
+    }
+
+    @Test
+    fun greetingV5WithTestTag_Row_has_two_nodes_Column_and_ElevatedButton() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5WithTestTag(name = "Android")
+        }
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChild() // Row
+            .onChildren() // Column, ElevatedButton("Show more")
+            .assertCountEquals(2)
+    }
+
+    @Test
+    fun greetingV5WithTestTag_Column_has_two_nodes_Column_and_ElevatedButton() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV5WithTestTag(name = "Android")
+        }
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChild() // Row
+            .onChildren()[0] // Column
+            .onChildren() // Text("Hello"), Text("Android")
+            .assertCountEquals(2)
+    }
+
+    @Test
+    fun greetingV5WithSemanticsTest() {
+        composeTestRule.setContent {
+            GreetingV5WithSemantic(name = "Android")
+        }
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChildren() // Row
+            .assertCountEquals(1)
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChild() // Row
+            .onChildren() // Column, ElevatedButton("Show more")
+            .assertCountEquals(2)
+
+        composeTestRule.onRoot()
+            .onChild() // Surface
+            .onChild() // Row
+            .onChildren()[0] // Column
+            .onChildren() // Text("Hello"), Text("Android")
+            .assertCountEquals(2)
+    }
+}

app/src/androidTest/java/com/example/learningtest/compose/basic/codelab/GreetingV6KtTest.kt

@@ -0,0 +1,41 @@
+package com.example.learningtest.compose.basic.codelab
+
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.assertIsNotDisplayed
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import org.junit.Rule
+import org.junit.Test
+
+class GreetingV6KtTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun show_more_button_is_shown_at_first() {
+        // given && when
+        composeTestRule.setContent {
+            GreetingV6(name = "Android")
+        }
+
+        // then
+        composeTestRule.onNodeWithText("Show more").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Show less").assertIsNotDisplayed()
+    }
+
+    @Test
+    fun show_less_button_is_shown_after_click_the_button() {
+        // given
+        composeTestRule.setContent {
+            GreetingV6(name = "Android")
+        }
+
+        // when
+        composeTestRule.onNodeWithText("Show more").performClick()
+
+        // then
+        composeTestRule.onNodeWithText("Show less").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Show more").assertIsNotDisplayed()
+    }
+}