chore: Move E2E tests to Maestro

.github/workflows/android-e2e-test.yml

@@ -7,7 +7,6 @@ on:
       - 'android/**'
       - 'common/**'
       - 'Example/**'
-      - 'TestsExample/**'
   push:
     branches:
       - main
@@ -40,9 +39,11 @@ jobs:
       - name: Install node dependencies
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn install
-      - name: Build app
+      - name: Install Maestro CLI
         working-directory: ${{ env.WORKING_DIRECTORY }}
-        run: yarn build-e2e-android
+        run: yarn install-e2e
+      - name: Export Maestro CLI Path
+        run: echo "${HOME}/.maestro/bin" >> $GITHUB_PATH
       - name: Run emulator and tests
         uses: reactivecircus/[email protected]
         with:

.github/workflows/ios-e2e-test.yml

@@ -8,7 +8,6 @@ on:
       - 'ios/**'
       - 'common/**'
       - 'Example/**'
-      - 'TestsExample/**'
   push:
     branches:
       - main
@@ -39,13 +38,18 @@ jobs:
       - name: Install node dependencies
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn
+      - name: Install Facebook IDB tool
+        working-directory: ${{ env.WORKING_DIRECTORY }}
+        run: yarn prepare-e2e-ios
       - name: Install pods
         working-directory: ${{ env.WORKING_DIRECTORY }}/ios
         run: pod install
-      - name: Build app
+      - name: Install Maestro CLI
         working-directory: ${{ env.WORKING_DIRECTORY }}
-        run: yarn build-e2e-ios
-      - name: Test app
+        run: yarn install-e2e
+      - name: Export Maestro CLI Path
+        run: echo "${HOME}/.maestro/bin" >> $GITHUB_PATH
+      - name: Run emulator and tests
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn test-e2e-ios
       - uses: actions/upload-artifact@v3

Example/e2e/bottomTabs/first-screen-and-double-tap-on-tab.yml

@@ -0,0 +1,11 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn: "More details 0"
+- assertVisible: "More details 1"
+
+- doubleTapOn:
+    id: "bottom-tabs-A-tab"
+- assertVisible: "More details 0"

Example/e2e/bottomTabs/go-to-details-screen-and-back.yml

@@ -0,0 +1,22 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn: "More details 0"
+- assertVisible: "More details 1"
+
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      # TODO: Check if it's possible to tap on type `_UIButtonBarButton`
+      - tapOn: "Details screen #0"
+
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - back
+
+- assertVisible: "More details 0"

Example/e2e/bottomTabs/go-to-details-screen.yml

@@ -0,0 +1,8 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn: "More details 0"
+- assertVisible:
+    text: "More details 1"

Example/e2e/bottomTabs/keep-stack-state-on-tab-change.yml

@@ -0,0 +1,17 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn: "More details 0"
+- tapOn: "More details 1"
+- assertVisible: "More details 2"
+
+- tapOn:
+    id: "bottom-tabs-B-tab"
+- assertVisible:
+    text: "More details 0"
+
+- tapOn:
+    id: "bottom-tabs-A-tab"
+- assertVisible: "More details 2"

Example/e2e/bottomTabs/main-screen-and-back.yml

@@ -0,0 +1,9 @@
+appId: ${APP_ID}
+---
+- launchApp
+- assertVisible:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- assertVisible:
+    id: "bottom-tabs-more-details-button"

Example/e2e/bottomTabs/main.yml

@@ -0,0 +1,8 @@
+appId: ${APP_ID}
+---
+- runFlow: main-screen-and-back.yml
+- runFlow: go-to-details-screen.yml
+- runFlow: go-to-details-screen-and-back.yml
+- runFlow: switch-between-tabs.yml
+- runFlow: first-screen-and-double-tap-on-tab.yml
+- runFlow: keep-stack-state-on-tab-change.yml

Example/e2e/bottomTabs/switch-between-tabs.yml

@@ -0,0 +1,16 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-example-BottomTabsAndStack"
+- tapOn:
+    id: "bottom-tabs-B-tab"
+- assertVisible:
+    id: "bottom-tabs-header-right-id"
+    text: "B"
+
+- tapOn:
+    id: "bottom-tabs-A-tab"
+- assertVisible:
+    id: "bottom-tabs-header-right-id"
+    text: "A"

Example/e2e/events/android-back-from-chats-none-animation.yml

@@ -0,0 +1,15 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-stack-animation-picker"
+- tapOn:
+    id: "stack-animation-none"
+- tapOn:
+    id: "events-go-to-chats"
+- back
+
+- assertVisible: "9. Main | transitionStart | opening"
+- assertVisible: "10. Main | transitionEnd | opening"

Example/e2e/events/android-back-from-chats-slide-from-bottom-animation.yml

@@ -0,0 +1,15 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-stack-animation-picker"
+- tapOn:
+    id: "stack-animation-slide_from_bottom"
+- tapOn:
+    id: "events-go-to-chats"
+- back
+
+- assertVisible: "9. Main | transitionStart | opening"
+- assertVisible: "10. Main | transitionEnd | opening"

Example/e2e/events/android-back-from-chats.yml

@@ -0,0 +1,11 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-go-to-chats"
+- back
+
+- assertVisible: "9. Main | transitionStart | opening"
+- assertVisible: "10. Main | transitionEnd | opening"

Example/e2e/events/back-from-chats-none-animation.yml

@@ -0,0 +1,30 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-stack-animation-picker"
+- tapOn:
+    id: "stack-animation-none"
+- tapOn:
+    id: "events-go-to-chats"
+
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - tapOn: "Back"
+
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - tapOn: "Navigate up"
+
+- assertVisible: "9. Chats | transitionStart | closing"
+- assertVisible: "10. Privacy | transitionStart | closing"
+- assertVisible: "11. Main | transitionStart | opening"
+- assertVisible: "12. Chats | transitionEnd | closing"
+- assertVisible: "13. Privacy | transitionEnd | closing"
+- assertVisible: "14. Main | transitionEnd | opening"

Example/e2e/events/back-from-chats-slide-from-bottom-animation.yml

@@ -0,0 +1,30 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-stack-animation-picker"
+- tapOn:
+    id: "stack-animation-slide_from_bottom"
+- tapOn:
+    id: "events-go-to-chats"
+
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - tapOn: "Back"
+
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - tapOn: "Navigate up"
+
+- assertVisible: "9. Chats | transitionStart | closing"
+- assertVisible: "10. Privacy | transitionStart | closing"
+- assertVisible: "11. Main | transitionStart | opening"
+- assertVisible: "12. Chats | transitionEnd | closing"
+- assertVisible: "13. Privacy | transitionEnd | closing"
+- assertVisible: "14. Main | transitionEnd | opening"

Example/e2e/events/back-from-chats.yml

@@ -0,0 +1,26 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-go-to-chats"
+
+- runFlow:
+      when:
+          platform: iOS
+      commands:
+          - tapOn: "Back"
+
+- runFlow:
+      when:
+          platform: Android
+      commands:
+          - tapOn: "Navigate up"
+
+- assertVisible: "9. Chats | transitionStart | closing"
+- assertVisible: "10. Privacy | transitionStart | closing"
+- assertVisible: "11. Main | transitionStart | opening"
+- assertVisible: "12. Chats | transitionEnd | closing"
+- assertVisible: "13. Privacy | transitionEnd | closing"
+- assertVisible: "14. Main | transitionEnd | opening"

Example/e2e/events/check-playground-exist.yml

@@ -0,0 +1,10 @@
+appId: ${APP_ID}
+---
+- launchApp
+- assertVisible:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "root-screen-playground-Events"
+
+- assertVisible: "1. Main | transitionStart | opening"
+- assertVisible: "2. Main | transitionEnd | opening"

Example/e2e/events/main.yml

@@ -0,0 +1,20 @@
+appId: ${APP_ID}
+---
+- runFlow: check-playground-exist.yml
+- runFlow: back-from-chats.yml
+- runFlow: back-from-chats-none-animation.yml
+- runFlow: slide-from-bottom-animation.yml
+- runFlow: back-from-chats-slide-from-bottom-animation.yml
+
+- runFlow:
+    when:
+      platform: Android
+    file: android-back-from-chats.yml
+- runFlow:
+    when:
+      platform: Android
+    file: android-back-from-chats-none-animation.yml
+- runFlow:
+    when:
+      platform: Android
+    file: android-back-from-chats-slide-from-bottom-animation.yml

Example/e2e/events/slide-from-bottom-animation.yml

@@ -0,0 +1,18 @@
+appId: ${APP_ID}
+---
+- launchApp
+- tapOn:
+    id: "root-screen-playground-Events"
+- tapOn:
+    id: "events-stack-animation-picker"
+- tapOn:
+    id: "stack-animation-slide_from_bottom"
+- tapOn:
+    id: "events-go-to-chats"
+
+- assertVisible: "3. Main | transitionStart | closing"
+- assertVisible: "4. Chats | transitionStart | opening"
+- assertVisible: "5. Privacy | transitionStart | opening"
+- assertVisible: "6. Main | transitionEnd | closing"
+- assertVisible: "7. Chats | transitionEnd | opening"
+- assertVisible: "8. Privacy | transitionEnd | opening"