test: added e2e tests for profile switchbutton and edit profile

lyve-app · Jun 20, 2024 · 540d7cf · 540d7cf
1 parent 950ebeb
commit 540d7cf
Show file tree

Hide file tree

Showing 5 changed files with 87 additions and 5 deletions.
diff --git a/.maestro/profile/check-profile.yaml b/.maestro/profile/check-profile.yaml
@@ -35,3 +35,31 @@ appId: ${APP_ID}
       visible:
         id: 'followings-pressable'
     file: 'explore-followings.yaml'
+
+- assertVisible:
+    id: 'Achievements-button'
+
+- tapOn:
+    id: 'Achievements-button'
+
+- swipe:
+    start: 50%,81%
+    end: 50%,48%
+    duration: 300
+
+- assertVisible:
+    id: 'Statistics-button'
+
+- tapOn:
+    id: 'Statistics-button'
+
+- swipe:
+    start: 50%,81%
+    end: 50%,48%
+    duration: 300
+
+- runFlow:
+    when:
+      visible:
+        id: 'followers-pressable'
+    file: 'explore-followers.yaml'
diff --git a/.maestro/profile/edit-profile.yaml b/.maestro/profile/edit-profile.yaml
@@ -0,0 +1,49 @@
+appId: ${APP_ID}
+---
+- assertVisible: 'Edit Profile'
+
+- tapOn: 'Edit Profile'
+
+- assertVisible:
+    id: 'heading'
+
+- assertVisible:
+    id: 'back-pressable'
+
+- assertVisible:
+    id: 'displayname-input'
+
+- assertVisible:
+    id: 'bio-input'
+
+- tapOn:
+    id: 'bio-input'
+
+- eraseText: 100
+
+- inputText: 'my new bio'
+
+- tapOn:
+    point: 17%,27%
+
+- assertVisible: 'Edit Avatar'
+
+- tapOn: 'Edit Avatar'
+
+- assertVisible: 'Choose From Gallery'
+- tapOn: 'Choose From Gallery'
+
+- assertVisible: 'Photos'
+
+- assertVisible: 'Foto, 30. März 2018, 21:14'
+
+# choose image
+- tapOn: 'Foto, 30. März 2018, 21:14'
+
+- assertVisible: 'Choose'
+
+- tapOn: 'Choose'
+
+- assertVisible: 'Finish'
+
+- tapOn: 'Finish'
diff --git a/src/api/responses.ts b/src/api/responses.ts
@@ -60,7 +60,7 @@ export type UserToAchievement = {
   progress: number;
   created_at: Date;
   updated_at: Date;
-  achievemnt: Achievement;
+  achievement: Achievement;
 };
 
 export type Follows = {
@@ -87,7 +87,7 @@ export type Genre = {
   percent: number;
   days: Days[];
   avgViewers: number;
-}
+};
 
 export type GetUserResponse = TypedResponse<{
   user: User & {

diff --git a/src/components/SwitchButton.tsx b/src/components/SwitchButton.tsx
@@ -64,6 +64,7 @@ const SwitchButton: React.FC<SwitchButtonProps> = ({ states, onStateChange }) =>
         {states.map((state, index) => {
           return (
             <Button
+              testID={`${state}-button`}
               key={index}
               flex={1}
               width="100%"

diff --git a/src/screens/EditProfilePage.tsx b/src/screens/EditProfilePage.tsx
@@ -83,10 +83,12 @@ const EditProfilePage = () => {
         <YStack padding="$4" backgroundColor="$background" gap="$5" flexGrow={1}>
           <XStack alignItems="center" justifyContent="space-between">
             <XStack alignItems="center">
-              <Pressable onPress={() => router.back()}>
+              <Pressable onPress={() => router.back()} testID="back-pressable">
                 <Feather name="chevron-left" size={28} color="white" />
               </Pressable>
-              <H1 fontSize={24}>Edit Profile</H1>
+              <H1 fontSize={24} testID="heading">
+                Edit Profile
+              </H1>
             </XStack>
             <Pressable
               disabled={
@@ -112,7 +114,7 @@ const EditProfilePage = () => {
           <YStack alignItems="center">
             <Avatar circular size="$10" testID="profile-avatar">
               <Avatar.Image
-                accessibilityLabel="Nate Wienert"
+                accessibilityLabel={data?.data?.user.username ?? ''}
                 src={
                   imageUri?.image.uri ??
                   data?.data?.user.avatar_url ??
@@ -138,6 +140,7 @@ const EditProfilePage = () => {
                 </XStack>
                 <Input
                   maxLength={20}
+                  testID="displayname-input"
                   placeholderTextColor="$textWashedOut"
                   placeholder="displayname"
                   onChangeText={props.handleChange('displayname')}
@@ -154,6 +157,7 @@ const EditProfilePage = () => {
                 </XStack>
                 <TextArea
                   maxLength={100}
+                  testID="bio-input"
                   placeholderTextColor="$textWashedOut"
                   placeholder="bio"
                   onChangeText={props.handleChange('bio')}