Add keyboard view first row keys UI tests (#29)

* fix: 🐛 resolve counter clockwise button not working * test: 💍 add first row key counter clockwise button test case * refactor: 💡 extract setUp and click actions * test: 💍 add wide notation test case * test: 💍 add turn degree test cases * refactor: 💡 select control key buttons with test tag * refactor: 💡 extract key assertion * test: 💍 modify rotation direction test case
ricky9667 · May 10, 2024 · acecabc · acecabc
1 parent bfbec3e
commit acecabc
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 7 deletions.
diff --git a/app/src/main/java/com/rickyhu/hushkeyboard/keyboard/HushKeyboardView.kt b/app/src/main/java/com/rickyhu/hushkeyboard/keyboard/HushKeyboardView.kt
@@ -105,7 +105,7 @@ fun HushKeyboardContent(state: KeyboardState) {
             },
             rotateDirectionButtonAction = {
                 keyConfigState = keyConfigState.copy(
-                    isCounterClockwise = keyConfigState.isCounterClockwise
+                    isCounterClockwise = !keyConfigState.isCounterClockwise
                 )
                 if (state.vibrateOnTap) vibratorManager?.maybeVibrate()
             },

diff --git a/app/src/main/java/com/rickyhu/hushkeyboard/keyboard/ui/rows/ControlKeyButtonRow.kt b/app/src/main/java/com/rickyhu/hushkeyboard/keyboard/ui/rows/ControlKeyButtonRow.kt
@@ -10,6 +10,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
@@ -55,7 +56,7 @@ fun ControlKeyButtonRow(
             }
         )
         ControlKeyButton(
-            modifier = controlKeyModifier,
+            modifier = controlKeyModifier.testTag("RotateDirectionButton"),
             onClick = rotateDirectionButtonAction,
             isDarkTheme = isDarkTheme,
             content = {
@@ -68,7 +69,7 @@ fun ControlKeyButtonRow(
             }
         )
         ControlKeyButton(
-            modifier = controlKeyModifier,
+            modifier = controlKeyModifier.testTag("TurnDegreeButton"),
             onClick = turnDegreeButtonAction,
             isDarkTheme = isDarkTheme,
             content = {
@@ -81,7 +82,7 @@ fun ControlKeyButtonRow(
             }
         )
         ControlKeyButton(
-            modifier = controlKeyModifier,
+            modifier = controlKeyModifier.testTag("WideTurnButton"),
             onClick = wideTurnButtonAction,
             isDarkTheme = isDarkTheme,
             content = {

diff --git a/app/src/test/java/com/rickyhu/hushkeyboard/ui/HushKeyboardUiTest.kt b/app/src/test/java/com/rickyhu/hushkeyboard/ui/HushKeyboardUiTest.kt
@@ -1,11 +1,15 @@
 package com.rickyhu.hushkeyboard.ui
 
 import androidx.compose.ui.test.assertHasClickAction
+import androidx.compose.ui.test.assertIsDisplayed
 import androidx.compose.ui.test.assertIsEnabled
 import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithTag
 import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
 import com.rickyhu.hushkeyboard.keyboard.HushKeyboardContent
 import com.rickyhu.hushkeyboard.keyboard.KeyboardState
+import org.junit.Before
 import org.junit.Rule
 import org.junit.Test
 import org.junit.runner.RunWith
@@ -16,16 +20,69 @@ class HushKeyboardUiTest {
     @get:Rule
     val composeTestRule = createComposeRule()
 
-    @Test
-    fun `First row key should exist, should be enabled, and should have click action`() {
+    @Before
+    fun setUp() {
         composeTestRule.setContent {
             HushKeyboardContent(state = KeyboardState())
         }
+    }
+
+    @Test
+    fun `First row key should exist, should be enabled, and should have click action`() {
+        keyButtonShouldBe("R ")
+    }
+
+    @Test
+    fun `First row key should show ' notation after clicking counter clockwise button`() {
+        clickCounterClockwiseButton()
+        keyButtonShouldBe("R' ")
+
+        clickCounterClockwiseButton()
+        keyButtonShouldBe("R ")
+    }
+
+    @Test
+    fun `First row key should show w notation after clicking wide notation button`() {
+        clickWideNotationButton()
+        keyButtonShouldBe("Rw ")
+    }
 
+    @Test
+    fun `First row key should show correct turn degree after clicking turn degree button`() {
+        clickTurnDegreeButton()
+        keyButtonShouldBe("R2 ")
+
+        clickTurnDegreeButton()
+        keyButtonShouldBe("R3 ")
+
+        clickTurnDegreeButton()
+        keyButtonShouldBe("R ")
+    }
+
+    private fun keyButtonShouldBe(text: String) {
         composeTestRule
-            .onNodeWithText("R ")
+            .onNodeWithText(text)
             .assertExists()
             .assertIsEnabled()
+            .assertIsDisplayed()
             .assertHasClickAction()
     }
+
+    private fun clickCounterClockwiseButton() {
+        composeTestRule
+            .onNodeWithTag("RotateDirectionButton")
+            .performClick()
+    }
+
+    private fun clickTurnDegreeButton() {
+        composeTestRule
+            .onNodeWithTag("TurnDegreeButton")
+            .performClick()
+    }
+
+    private fun clickWideNotationButton() {
+        composeTestRule
+            .onNodeWithTag("WideTurnButton")
+            .performClick()
+    }
 }