Feat/profile/edit profile screen UI and tests

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

@@ -0,0 +1,162 @@
+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
+  // Set up the EditProfileScreen
+  fun setUp() {
+    navigationActions = mock(NavigationActions::class.java)
+
+    `when`(navigationActions.currentRoute()).thenReturn(Route.PROFILE)
+
+    composeTestRule.setContent { EditProfileScreen(navigationActions) }
+  }
+
+  @Test
+  fun displayAllComponents() {
+
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.PROFILE_PICTURE).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.ADD_CIRCLE_ICON).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EDIT_PROFILE_SCREEN).assertIsDisplayed()
+
+    composeTestRule.onNodeWithTag(BottomNavigationMenu.BOTTOM_NAVIGATION_MENU).assertDoesNotExist()
+    composeTestRule.onNodeWithTag(TopAppBar.TOP_BAR).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(TopAppBar.GO_BACK_BUTTON).assertIsDisplayed()
+    composeTestRule.onNodeWithTag(TopAppBar.EDIT_BUTTON).assertIsNotDisplayed()
+
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.SAVE_BUTTON)
+        .assertIsDisplayed()
+        .assertTextEquals("Save Changes")
+  }
+
+  @Test
+  fun createValidProfile() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_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.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions).navigateTo(Screen.PROFILE)
+  }
+
+  @Test
+  fun createInvalidProfileNoName() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun createInvalidProfileNoDOB() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD)
+        .performTextInput("A short bio")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun createInvalidProfileNoDescription() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextInput("John Doe")
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextInput("01/01/1990")
+    composeTestRule
+        .onNodeWithTag(EditProfileScreen.EMAIL_FIELD)
+        .performTextInput("john.doe@example.com")
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+
+  @Test
+  fun createInvalidProfileNoEmail() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_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 createInvalidProfileAllEmptyFields() {
+    composeTestRule.onNodeWithTag(EditProfileScreen.NAME_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DOB_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.DESCRIPTION_FIELD).performTextClearance()
+    composeTestRule.onNodeWithTag(EditProfileScreen.EMAIL_FIELD).performTextClearance()
+
+    composeTestRule.onNodeWithTag(EditProfileScreen.SAVE_BUTTON).performClick()
+    verify(navigationActions, never()).navigateTo(any<String>())
+  }
+}

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

@@ -107,7 +107,15 @@ object C {
 
     /** Constants for tagging UI components in the EditProfileScreen. */
     object EditProfileScreen {
+      const val EDIT_PROFILE_SCREEN = "editProfileScreen"
       const val SCREEN = "screen"
+      const val PROFILE_PICTURE = "profilePicture"
+      const val ADD_CIRCLE_ICON = "addCircleIcon"
+      const val EMAIL_FIELD = "emailField"
+      const val DOB_FIELD = "dobField"
+      const val NAME_FIELD = "nameField"
+      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,39 @@
+package com.android.periodpals.ui.components
+
+import androidx.compose.foundation.layout.height
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+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.dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * A composable that displays an instruction text with [text] and [testTag] for testing purposes.
+ */
+@Composable
+fun ProfileText(text: String, testTag: String) {
+  Text(
+      modifier = Modifier.testTag(testTag),
+      text = text,
+      style =
+          MaterialTheme.typography.bodyLarge.copy(fontSize = 20.sp, fontWeight = FontWeight.Medium))
+}
+
+/**
+ * A composable that displays a description input with [description] and [onValueChange] action and
+ * [testTag]
+ */
+@Composable
+fun ProfileDescriptionInput(description: String, onValueChange: (String) -> Unit, testTag: String) {
+  OutlinedTextField(
+      value = description,
+      onValueChange = onValueChange,
+      label = { Text("Description") },
+      placeholder = { Text("Enter a description") },
+      modifier = Modifier.height(124.dp).testTag(testTag),
+  )
+}