Merge pull request #108 from PeriodPals/feat/profile/editProfileScree…

…n-ui-and-tests

Feat/profile/edit profile screen UI and tests

app/src/androidTest/java/com/android/periodpals/ui/profile/EditProfileTest.kt

@@ -0,0 +1,156 @@
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.assertIsNotDisplayed
+import androidx.compose.ui.test.assertTextEquals
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithTag
+import androidx.compose.ui.test.performClick
+import androidx.compose.ui.test.performTextClearance
+import androidx.compose.ui.test.performTextInput
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import com.android.periodpals.resources.C.Tag.BottomNavigationMenu
+import com.android.periodpals.resources.C.Tag.EditProfileScreen
+import com.android.periodpals.resources.C.Tag.TopAppBar
+import com.android.periodpals.ui.navigation.NavigationActions
+import com.android.periodpals.ui.navigation.Route
+import com.android.periodpals.ui.navigation.Screen
+import com.android.periodpals.ui.profile.EditProfileScreen
+import org.junit.Before
+import org.junit.Rule
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.Mockito.mock
+import org.mockito.Mockito.verify
+import org.mockito.Mockito.`when`
+import org.mockito.kotlin.any
+import org.mockito.kotlin.never
+
+@RunWith(AndroidJUnit4::class)
+class EditProfileTest {
+
+  private lateinit var navigationActions: NavigationActions
+  @get:Rule val composeTestRule = createComposeRule()
+
+  @Before
+  fun setUp() {
+    navigationActions = mock(NavigationActions::class.java)
+    `when`(navigationActions.currentRoute()).thenReturn(Route.PROFILE)
+    composeTestRule.setContent { EditProfileScreen(navigationActions) }
+  }
+
+  @Test
+  fun allComponentsAreDisplayed() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.SCREEN).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.PROFILE_PICTURE).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EDIT_ICON).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.MANDATORY_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.YOUR_PROFILE).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).assertIsDisplayed()
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.SAVE_BUTTON)
+        .assertIsDisplayed()
+        .assertTextEquals("Save")
+    composeTestRule.onNodeWithTag(TopAppBar.TOP_BAR).assertIsDisplayed()
+    composeTestRule
+        .onNodeWithTag(TopAppBar.TITLE_TEXT)
+        .assertIsDisplayed()
+        .assertTextEquals("Edit Your Profile")
+    composeTestRule.onNodeWithTag(TopAppBar.GO_BACK_BUTTON).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(TopAppBar.EDIT_BUTTON).assertIsNotDisplayed()
+    composeTestRule.onNodeWithTag(BottomNavigationMenu.BOTTOM_NAVIGATION_MENU).assertDoesNotExist()
+  }
+
+  @Test
+  fun editValidProfile() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions).navigateTo(Screen.PROFILE)
+  }
+
+  @Test
+  fun editInvalidProfileNoName() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun editInvalidProfileNoDOB() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun editInvalidProfileNoDescription() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun editInvalidProfileNoEmail() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun editInvalidProfileAllEmptyFields() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+}

app/src/main/java/com/android/periodpals/resources/C.kt

@@ -110,6 +110,15 @@ object C {
     /** Constants for tagging UI components in the EditProfileScreen. */
     object EditProfileScreen {
       const val SCREEN = "screen"
+      const val PROFILE_PICTURE = "profilePicture"
+      const val EDIT_ICON = "editIcon"
+      const val MANDATORY_FIELD = "mandatoryField"
+      const val EMAIL_FIELD = "emailField"
+      const val NAME_FIELD = "nameField"
+      const val DOB_FIELD = "dobField"
+      const val YOUR_PROFILE = "yourProfile"
+      const val DESCRIPTION_FIELD = "descriptionField"
+      const val SAVE_BUTTON = "saveButton"
     }
 
     /** Constants for tagging UI components in the ProfileScreen. */

app/src/main/java/com/android/periodpals/ui/components/ProfileComponents.kt

@@ -0,0 +1,21 @@
+package com.android.periodpals.ui.components
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+/**
+ * A composable that displays an instruction text with [text] and [testTag] for testing purposes.
+ */
+@Composable
+fun ProfileSection(text: String, testTag: String) {
+  Text(
+      modifier = Modifier.testTag(testTag),
+      text = text,
+      style =
+          MaterialTheme.typography.bodyLarge.copy(fontSize = 20.sp, fontWeight = FontWeight.Medium))
+}