FEAT: add maestro e2e testing library

.gitignore

@@ -48,3 +48,6 @@ env.json
 # baca-cli build
 scripts/cli/build/
 scripts/cli/temp/
+
+# maestro
+e2e-debug-output

.maestro/auth/login-with-validation.yaml

@@ -0,0 +1,55 @@
+appId: ${APP_ID}
+tags:
+  - auth
+---
+# Check if the login screen is visible
+- assertVisible:
+    id: 'sign_in:title'
+- assertVisible:
+    id: 'sign_in:sub_title'
+- assertVisible:
+    id: 'sign_in:email_input:label'
+
+# Check if empty email input is invalid
+- tapOn:
+    id: 'sign_in:submit_button'
+- assertVisible:
+    id: 'sign_in:email_input:error_message'
+- assertVisible:
+    id: 'sign_in:password_input:error_message'
+
+# Check if invalid email input and empty password is invalid
+- tapOn:
+    id: 'sign_in:email_input:input'
+- inputText: 'invalid-email'
+- hideKeyboard
+- tapOn:
+    id: 'sign_in:submit_button'
+- assertVisible:
+    id: 'sign_in:email_input:error_message'
+- assertVisible:
+    id: 'sign_in:password_input:error_message'
+
+# Check if valid email input and empty password is invalid
+- tapOn:
+    id: 'sign_in:email_input:input'
+- eraseText
+- inputText: 'email@test.com'
+- hideKeyboard
+- tapOn:
+    id: 'sign_in:submit_button'
+- assertVisible:
+    id: 'sign_in:password_input:error_message'
+
+# Check if valid email input and password is valid
+- tapOn:
+    id: 'sign_in:password_input:input'
+- eraseText
+- inputText: 'password'
+- hideKeyboard
+- tapOn:
+    id: 'sign_in:submit_button'
+
+# Check if login is successful
+- assertVisible:
+    id: 'home_screen:title'

.maestro/auth/logout-when-needed.yaml

@@ -0,0 +1,11 @@
+appId: ${APP_ID}
+tags:
+  - auth
+---
+- stopApp
+- openLink: exp://127.0.0.1:8081/--/sign-in
+- runFlow:
+    when:
+      visible:
+        id: 'home_screen:title'
+    file: ../utils/logout.yaml

.maestro/config.yaml

@@ -0,0 +1,25 @@
+flows:
+  - 'auth/*'
+  - 'home/*'
+  - 'settings/*'
+  - 'profile/*'
+
+includeTags:
+  - 'auth'
+  - 'home'
+  - 'settings'
+  - 'profile'
+
+executionOrder:
+  continueOnFailure: false
+  flowsOrder:
+    - 'logout-when-needed'
+    - 'login-with-validation'
+    - 'details'
+    - 'full-screen-form'
+    - 'settings'
+    # https://github.com/mobile-dev-inc/maestro/issues/1484
+    # Wait for it to be resolved and then remove blog from the list
+    # blog is not implemented, it's just a placeholder, to make tests run
+    - 'blog'
+    - 'profile'

.maestro/home/details.yaml

@@ -0,0 +1,16 @@
+appId: ${APP_ID}
+tags:
+  - home
+---
+- assertVisible:
+    id: 'home_screen:details'
+- tapOn:
+    id: 'home_screen:details'
+- extendedWaitUntil:
+    visible: 'Open BottomSheetModal'
+    timeout: 10000
+- tapOn: 'Open BottomSheetModal'
+- tapOn:
+    point: 50%,50%
+- assertVisible: 'Home'
+- tapOn: 'Home'

.maestro/home/full-screen-form.yaml

@@ -0,0 +1,77 @@
+appId: ${APP_ID}
+tags:
+  - home
+---
+- assertVisible:
+    id: 'home_screen:full_screen_form'
+- tapOn:
+    id: 'home_screen:full_screen_form'
+- extendedWaitUntil:
+    visible: 'Contact data'
+    timeout: 10000
+- assertVisible: 'Name* Name'
+- tapOn: 'Name* Name'
+- inputText: 'RandomName'
+- assertVisible: 'Surname* Surname'
+- tapOn: 'Surname* Surname'
+- inputText: 'RandomSurname'
+- assertVisible: 'E-mail* E-mail'
+- tapOn: 'E-mail* E-mail'
+- inputRandomEmail
+- assertVisible: 'Phone number* Phone number'
+- tapOn: 'Phone number* Phone number'
+- inputText: '600-000-000'
+- assertVisible: 'Postal code* Postal code'
+- tapOn: 'Postal code* Postal code'
+- inputText: '00-000'
+- hideKeyboard
+- assertVisible: 'City* City'
+- tapOn: 'City* City'
+- inputRandomText
+- hideKeyboard
+- assertVisible: 'Age* 18-30 31-40 41-50 51-60 61-70 71-80 81-90 91-100'
+- tapOn: '18-30'
+- scrollUntilVisible:
+    element:
+      text: 'what kind of music do you listen ?* Metal Heavy Metal Rock Pop Rap'
+    direction: DOWN
+    timeout: 15000
+    speed: 40
+    visibilityPercentage: 100
+- assertVisible: 'Sex* Male Female'
+- tapOn: 'Male'
+- assertVisible: 'Education* Education '
+- tapOn: 'Education* Education '
+- assertVisible: 'Bottom sheet handle'
+- tapOn:
+    point: 6%,91%
+- assertVisible: 'Shoe size* Shoe size '
+- tapOn: 'Shoe size* Shoe size '
+- assertVisible: 'Bottom sheet handle'
+- tapOn:
+    point: 6%,91%
+- scrollUntilVisible:
+    element:
+      text: 'Additional comment'
+    direction: DOWN
+    timeout: 15000
+    speed: 40
+    visibilityPercentage: 100
+- assertVisible: 'what kind of music do you listen ?* Metal Heavy Metal Rock Pop Rap'
+- tapOn: 'Rock'
+- tapOn: 'Pop'
+- tapOn: 'Rap'
+- scrollUntilVisible:
+    element:
+      text: 'Submit'
+    direction: DOWN
+    timeout: 15000
+    speed: 40
+    visibilityPercentage: 100
+- assertVisible: 'Interests* IT Cooking Sport Games Dancing'
+- tapOn: 'IT'
+- tapOn: 'Sport'
+- assertVisible: 'Submit'
+- tapOn: 'Submit'
+- assertVisible: '(tabs)'
+- tapOn: '(tabs)'

.maestro/profile/profile.yaml

@@ -0,0 +1,36 @@
+appId: ${APP_ID}
+tags:
+  - profile
+---
+- tapOn:
+    id: 'bottom_tab_button:profile'
+# TODO: Properly implement the profile flow
+
+# CHANING USER DATA FLOW
+# Change first name
+# Change last name
+# Save data
+# Reload app
+# Check if the changes are saved
+
+# CHANGING PASSWORD FLOW
+# Input old password
+# Input new password
+
+# Input wrong new password
+# TODO: Finish the password flow
+# - tapOn:
+#     id: 'passwordInput:input'
+# - inputText: 'invalidpassword'
+# - assertVisible:
+#     id: 'change_password:min_8_chars:success'
+# - assertVisible:
+#     id: 'change_password:min_1_special_char:error'
+# - tapOn:
+#     id: 'passwordInput:input'
+# - inputText: 'invalidpassword!'
+# - hideKeyboard
+# - assertVisible:
+#     id: 'change_password:min_8_chars:success'
+# - assertVisible:
+#     id: 'change_password:min_1_special_char:success'

.maestro/settings/settings.yaml

@@ -0,0 +1,14 @@
+appId: ${APP_ID}
+tags:
+  - settings
+---
+- tapOn:
+    id: 'bottom_tab_button:settings'
+
+# TODO: Check if after changing the theme it really changes
+- assertVisible: 'light'
+- tapOn: 'light'
+- assertVisible: 'dark'
+- tapOn: 'dark'
+- assertVisible: 'system'
+- tapOn: 'system'

.maestro/utils/logout.yaml

@@ -0,0 +1,15 @@
+appId: ${APP_ID}
+tags:
+  - util
+---
+- tapOn:
+    id: 'bottom_tab_button:settings'
+
+- extendedWaitUntil:
+    visible:
+      id: 'settings:logout'
+    timeout: 1000
+- tapOn:
+    id: 'settings:logout'
+- assertVisible:
+    id: 'sign_in:title'

App.tsx

@@ -9,14 +9,17 @@ import 'core-js/stable/atob'
 
 // Rest imports
 import '@baca/i18n'
+import { isMock } from '@baca/constants'
 import { enableAndroidBackgroundNotificationListener, startMockedServer } from '@baca/services'
 import * as Device from 'expo-device'
 import 'expo-router/entry'
 
-const ENABLE_MOCKED_SERVER = false
+const ENABLE_MOCKED_SERVER = isMock
 
 if (ENABLE_MOCKED_SERVER) {
   startMockedServer()
+  console.error = () => {}
+  console.warn = () => {}
 }
 
 // TODO: Uncomment reactotron setup when using

docs/docs/data-management/MOCKING.md

@@ -22,12 +22,22 @@ Mocks are automatically generated with orval script - you can check [docs here](
 
 ## Enabling mocks
 
+You have two types of enabling mocks in the app
+
+1. Start server and set mock on start
+
+```
+IS_MOCK=true yarn start
+```
+
+2. Enable mock manually
+
 Go to `App.tsx` and change `ENABLE_MOCKED_SERVER` variable from false to true
 
 ```tsx title="/App.tsx"
 // FIXME: moking not working on mobile app - follow this discussion https://github.com/mswjs/msw/issues/2026
 // error-line
-const ENABLE_MOCKED_SERVER = false
+const ENABLE_MOCKED_SERVER = isMock
 // success-line
 const ENABLE_MOCKED_SERVER = true