@croacroa/react-native-template 1.0.0 → 2.0.0

package/maestro/README.md

@@ -1,113 +1,113 @@
-# Maestro E2E Tests
-
-This directory contains end-to-end tests using [Maestro](https://maestro.mobile.dev/).
-
-## Setup
-
-### Install Maestro
-
-```bash
-# macOS
-brew install maestro
-
-# Or using curl
-curl -Ls "https://get.maestro.mobile.dev" | bash
-```
-
-### Prerequisites
-
-- iOS Simulator or Android Emulator running
-- App built and installed on the device/emulator
-
-## Running Tests
-
-### Run all tests
-
-```bash
-maestro test maestro/flows/
-```
-
-### Run a specific test
-
-```bash
-maestro test maestro/flows/login.yaml
-```
-
-### Run with a specific app ID
-
-```bash
-APP_ID=com.yourcompany.app maestro test maestro/flows/
-```
-
-### Run in CI mode
-
-```bash
-maestro test --format junit --output results.xml maestro/flows/
-```
-
-## Test Structure
-
-```
-maestro/
-├── config.yaml          # Global configuration
-├── README.md            # This file
-└── flows/
-    ├── login.yaml       # Login flow tests
-    ├── register.yaml    # Registration flow tests
-    ├── navigation.yaml  # Navigation tests
-    └── offline.yaml     # Offline mode tests
-```
-
-## Writing Tests
-
-### Basic test structure
-
-```yaml
-appId: ${APP_ID}
-name: My Test
-tags:
-  - smoke
----
-- launchApp
-- tapOn: "Button Text"
-- assertVisible: "Expected Text"
-```
-
-### Common commands
-
-- `launchApp` - Launch the app
-- `tapOn` - Tap on an element
-- `inputText` - Enter text
-- `assertVisible` - Assert element is visible
-- `scrollUntilVisible` - Scroll until element is found
-- `waitForAnimationToEnd` - Wait for animations
-- `back` - Press back button
-
-### Tips
-
-1. Use `waitForAnimationToEnd` after navigation
-2. Use `clearState: true` in `launchApp` for clean tests
-3. Use `optional: true` for elements that may not always appear
-4. Use tags to organize and filter tests
-
-## CI Integration
-
-### GitHub Actions example
-
-```yaml
-- name: Run E2E Tests
-  run: |
-    maestro test --format junit --output results.xml maestro/flows/
-
-- name: Upload Test Results
-  uses: actions/upload-artifact@v3
-  with:
-    name: e2e-results
-    path: results.xml
-```
-
-## Resources
-
-- [Maestro Documentation](https://maestro.mobile.dev/)
-- [CLI Reference](https://maestro.mobile.dev/reference/cli)
-- [Command Reference](https://maestro.mobile.dev/reference/commands)
+# Maestro E2E Tests
+
+This directory contains end-to-end tests using [Maestro](https://maestro.mobile.dev/).
+
+## Setup
+
+### Install Maestro
+
+```bash
+# macOS
+brew install maestro
+
+# Or using curl
+curl -Ls "https://get.maestro.mobile.dev" | bash
+```
+
+### Prerequisites
+
+- iOS Simulator or Android Emulator running
+- App built and installed on the device/emulator
+
+## Running Tests
+
+### Run all tests
+
+```bash
+maestro test maestro/flows/
+```
+
+### Run a specific test
+
+```bash
+maestro test maestro/flows/login.yaml
+```
+
+### Run with a specific app ID
+
+```bash
+APP_ID=com.yourcompany.app maestro test maestro/flows/
+```
+
+### Run in CI mode
+
+```bash
+maestro test --format junit --output results.xml maestro/flows/
+```
+
+## Test Structure
+
+```
+maestro/
+├── config.yaml          # Global configuration
+├── README.md            # This file
+└── flows/
+    ├── login.yaml       # Login flow tests
+    ├── register.yaml    # Registration flow tests
+    ├── navigation.yaml  # Navigation tests
+    └── offline.yaml     # Offline mode tests
+```
+
+## Writing Tests
+
+### Basic test structure
+
+```yaml
+appId: ${APP_ID}
+name: My Test
+tags:
+  - smoke
+---
+- launchApp
+- tapOn: "Button Text"
+- assertVisible: "Expected Text"
+```
+
+### Common commands
+
+- `launchApp` - Launch the app
+- `tapOn` - Tap on an element
+- `inputText` - Enter text
+- `assertVisible` - Assert element is visible
+- `scrollUntilVisible` - Scroll until element is found
+- `waitForAnimationToEnd` - Wait for animations
+- `back` - Press back button
+
+### Tips
+
+1. Use `waitForAnimationToEnd` after navigation
+2. Use `clearState: true` in `launchApp` for clean tests
+3. Use `optional: true` for elements that may not always appear
+4. Use tags to organize and filter tests
+
+## CI Integration
+
+### GitHub Actions example
+
+```yaml
+- name: Run E2E Tests
+  run: |
+    maestro test --format junit --output results.xml maestro/flows/
+
+- name: Upload Test Results
+  uses: actions/upload-artifact@v3
+  with:
+    name: e2e-results
+    path: results.xml
+```
+
+## Resources
+
+- [Maestro Documentation](https://maestro.mobile.dev/)
+- [CLI Reference](https://maestro.mobile.dev/reference/cli)
+- [Command Reference](https://maestro.mobile.dev/reference/commands)

package/maestro/config.yaml

@@ -1,35 +1,35 @@
-# Maestro Configuration
-# https://maestro.mobile.dev/reference/configuration
-
-# Default app ID (can be overridden with env vars)
-appId: com.croacroa.app
-
-# Environment variables
-env:
-  APP_ID: ${APP_ID:-com.croacroa.app}
-  API_URL: ${API_URL:-http://localhost:3000}
-
-# Test execution settings
-executionOrder:
-  continueOnFailure: false
-  retryFailedTests: 1
-
-# Screenshots
-screenshots:
-  enabled: true
-  directory: ./maestro/screenshots
-
-# Video recording
-video:
-  enabled: true
-  directory: ./maestro/videos
-
-# Timeouts
-timeouts:
-  launchApp: 30000
-  waitForAnimationToEnd: 5000
-
-# Device settings
-device:
-  locale: en_US
-  orientation: portrait
+# Maestro Configuration
+# https://maestro.mobile.dev/reference/configuration
+
+# Default app ID (can be overridden with env vars)
+appId: com.croacroa.app
+
+# Environment variables
+env:
+  APP_ID: ${APP_ID:-com.croacroa.app}
+  API_URL: ${API_URL:-http://localhost:3000}
+
+# Test execution settings
+executionOrder:
+  continueOnFailure: false
+  retryFailedTests: 1
+
+# Screenshots
+screenshots:
+  enabled: true
+  directory: ./maestro/screenshots
+
+# Video recording
+video:
+  enabled: true
+  directory: ./maestro/videos
+
+# Timeouts
+timeouts:
+  launchApp: 30000
+  waitForAnimationToEnd: 5000
+
+# Device settings
+device:
+  locale: en_US
+  orientation: portrait

package/maestro/flows/login.yaml

@@ -1,62 +1,62 @@
-appId: ${APP_ID}
-name: Login Flow
-tags:
-  - auth
-  - smoke
----
-# Login Flow Test
-# Tests the complete login experience
-
-- launchApp:
-    clearState: true
-
-# Wait for app to load
-- waitForAnimationToEnd
-
-# Verify we're on the login screen
-- assertVisible: "Sign In"
-- assertVisible: "Sign in to continue"
-
-# Test empty form submission
-- tapOn: "Sign In"
-- assertVisible: "required"
-
-# Enter invalid email
-- tapOn:
-    text: "Email"
-- inputText: "invalid-email"
-- tapOn: "Sign In"
-- assertVisible: "valid email"
-
-# Clear and enter valid credentials
-- clearText
-- inputText: "test@example.com"
-
-# Enter password
-- tapOn:
-    text: "Password"
-- inputText: "password123"
-
-# Toggle password visibility
-- tapOn:
-    id: "password-toggle"
-- assertVisible: "password123"
-- tapOn:
-    id: "password-toggle"
-
-# Submit the form
-- tapOn:
-    text: "Sign In"
-    index: 1
-
-# Wait for loading
-- waitForAnimationToEnd:
-    timeout: 5000
-
-# Verify successful login (should see home screen)
-- assertVisible: "Welcome back"
-
-# Verify we're on the authenticated section
-- assertVisible:
-    text: "Home"
-    optional: true
+appId: ${APP_ID}
+name: Login Flow
+tags:
+  - auth
+  - smoke
+---
+# Login Flow Test
+# Tests the complete login experience
+
+- launchApp:
+    clearState: true
+
+# Wait for app to load
+- waitForAnimationToEnd
+
+# Verify we're on the login screen
+- assertVisible: "Sign In"
+- assertVisible: "Sign in to continue"
+
+# Test empty form submission
+- tapOn: "Sign In"
+- assertVisible: "required"
+
+# Enter invalid email
+- tapOn:
+    text: "Email"
+- inputText: "invalid-email"
+- tapOn: "Sign In"
+- assertVisible: "valid email"
+
+# Clear and enter valid credentials
+- clearText
+- inputText: "test@example.com"
+
+# Enter password
+- tapOn:
+    text: "Password"
+- inputText: "password123"
+
+# Toggle password visibility
+- tapOn:
+    id: "password-toggle"
+- assertVisible: "password123"
+- tapOn:
+    id: "password-toggle"
+
+# Submit the form
+- tapOn:
+    text: "Sign In"
+    index: 1
+
+# Wait for loading
+- waitForAnimationToEnd:
+    timeout: 5000
+
+# Verify successful login (should see home screen)
+- assertVisible: "Welcome back"
+
+# Verify we're on the authenticated section
+- assertVisible:
+    text: "Home"
+    optional: true

package/maestro/flows/mfa-login.yaml

@@ -0,0 +1,92 @@
+appId: ${APP_ID}
+name: MFA Login Flow
+tags:
+  - auth
+  - mfa
+  - security
+---
+# MFA Login Test
+# Tests login with MFA verification required
+
+- launchApp:
+    clearState: true
+
+# Wait for app to load
+- waitForAnimationToEnd
+
+# Enter credentials
+- tapOn:
+    text: "Email"
+- inputText: "mfa-user@example.com"
+- tapOn:
+    text: "Password"
+- inputText: "password123"
+
+# Submit login
+- tapOn:
+    text: "Sign In"
+    index: 1
+- waitForAnimationToEnd:
+    timeout: 5000
+
+# Verify MFA screen appears
+- assertVisible:
+    text:
+      - "verification"
+      - "code"
+      - "2FA"
+      - "authenticator"
+    optional: true
+
+# Enter MFA code
+- tapOn:
+    id: "mfa-input"
+    optional: true
+- inputText: "123456"
+
+# Or enter in OTP input fields
+- tapOn:
+    id: "otp-input-0"
+    optional: true
+- inputText: "1"
+- tapOn:
+    id: "otp-input-1"
+    optional: true
+- inputText: "2"
+- tapOn:
+    id: "otp-input-2"
+    optional: true
+- inputText: "3"
+- tapOn:
+    id: "otp-input-3"
+    optional: true
+- inputText: "4"
+- tapOn:
+    id: "otp-input-4"
+    optional: true
+- inputText: "5"
+- tapOn:
+    id: "otp-input-5"
+    optional: true
+- inputText: "6"
+
+# Submit MFA code
+- tapOn:
+    text: "Verify"
+    optional: true
+- waitForAnimationToEnd:
+    timeout: 5000
+
+# Verify successful login
+- assertVisible:
+    text:
+      - "Home"
+      - "Welcome"
+      - "Dashboard"
+    optional: true
+
+# Test backup code flow
+- runFlow:
+    when:
+      visible: "Use backup code"
+    file: mfa-backup-code.yaml

package/maestro/flows/mfa-setup.yaml

@@ -0,0 +1,86 @@
+appId: ${APP_ID}
+name: MFA Setup Flow
+tags:
+  - auth
+  - mfa
+  - security
+---
+# MFA Setup Test
+# Tests the complete MFA (2FA) setup experience
+
+- launchApp:
+    clearState: true
+
+# Login first
+- tapOn:
+    text: "Email"
+- inputText: "test@example.com"
+- tapOn:
+    text: "Password"
+- inputText: "password123"
+- tapOn:
+    text: "Sign In"
+    index: 1
+- waitForAnimationToEnd:
+    timeout: 5000
+
+# Navigate to settings
+- tapOn: "Settings"
+- waitForAnimationToEnd
+
+# Find and tap on security section
+- scrollUntilVisible:
+    element: "Security"
+    direction: DOWN
+- tapOn: "Security"
+- waitForAnimationToEnd
+
+# Tap on enable MFA
+- tapOn: "Biometric Authentication"
+- waitForAnimationToEnd
+
+# OR tap on 2FA if available
+- tapOn:
+    text: "Two-Factor Authentication"
+    optional: true
+- waitForAnimationToEnd
+
+# Verify MFA setup screen appears
+- assertVisible:
+    text: "Enable"
+    optional: true
+
+# If there's an enable button, tap it
+- tapOn:
+    text: "Enable 2FA"
+    optional: true
+- waitForAnimationToEnd
+
+# Verify QR code or setup instructions appear
+- assertVisible:
+    text:
+      - "Authenticator"
+      - "QR"
+      - "code"
+    optional: true
+
+# Enter verification code (mock: 123456)
+- tapOn:
+    text: "Verification"
+    optional: true
+- inputText: "123456"
+
+# Confirm setup
+- tapOn:
+    text: "Verify"
+    optional: true
+- waitForAnimationToEnd:
+    timeout: 3000
+
+# Verify success message or enabled state
+- assertVisible:
+    text:
+      - "enabled"
+      - "success"
+      - "active"
+    optional: true