Deep-link RNTester Pressable and Modal Maestro flows (#58482)

.github/workflows/maestro-cloud-rntester.yml

@@ -46,7 +46,7 @@ jobs:
   test:
     name: Maestro Cloud ${{ inputs.platform }} RNTester
     runs-on: ubuntu-latest
-    timeout-minutes: 75
+    timeout-minutes: 105
     steps:
       - name: Checkout
         uses: actions/checkout@v6
@@ -84,7 +84,7 @@ jobs:
           env: |
             APP_ID=${{ inputs.app-id }}
           maestro-cli-version: 2.6.1
-          timeout: 60
+          timeout: 90
       - name: Check Maestro Cloud result
         if: always()
         env:

.github/workflows/test-all.yml

@@ -186,7 +186,7 @@ jobs:
       app-id: com.meta.RNTester.localDevelopment
       device-model: iPhone-17-Pro
       device-os: iOS-26-2
-      exclude-tags: android-only
+      exclude-tags: android-only,local-screenshot-baseline
     secrets: inherit
 
   test_e2e_ios_rntester:

packages/rn-tester/.maestro/alert.yml

@@ -0,0 +1,24 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/AlertExample/default-button
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'alert-with-default-button'
+    timeout: 120000
+- tapOn:
+    id: 'alert-with-default-button'
+- assertVisible: 'An external USB drive has been detected!'
+- tapOn: 'OK'
+- openLink: rntester://example/AlertExample/three-buttons
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'alert-with-three-buttons'
+    timeout: 30000
+- tapOn:
+    id: 'alert-with-three-buttons'
+- assertVisible: 'Do you want to save your changes?'
+- tapOn: 'Cancel'

packages/rn-tester/.maestro/animated-fade-in-view.yml

@@ -0,0 +1,20 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/Animated/fadeInView
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'toggle-button'
+    timeout: 120000
+- assertVisible:
+    id: 'fade-in-view'
+- tapOn:
+    id: 'toggle-button'
+- assertNotVisible:
+    id: 'fade-in-view'
+- tapOn:
+    id: 'toggle-button'
+- assertVisible:
+    id: 'fade-in-view'

packages/rn-tester/.maestro/appearance.yml

@@ -0,0 +1,9 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/AppearanceExample
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible: 'useColorScheme hook'
+    timeout: 120000

packages/rn-tester/.maestro/filter-animated-blur.yml

@@ -0,0 +1,14 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/Filter/animated-blur
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'animated-blur-button'
+    timeout: 120000
+- tapOn:
+    id: 'animated-blur-button'
+- assertVisible:
+    id: 'animated-blur-view'

packages/rn-tester/.maestro/flatlist-viewability.yml

@@ -0,0 +1,51 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-horizontal-noWaitForInteraction
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-horizontal-no-wait'
+    timeout: 120000
+- assertVisible:
+    id: 'output'
+    text: '.*Pizza, Burger.*'
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-horizontal-waitForInteraction
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-horizontal-wait'
+    timeout: 30000
+- scrollUntilVisible:
+    element:
+      text: 'Cheesecake'
+    direction: RIGHT
+    speed: 60
+    visibilityPercentage: 50
+    centerElement: true
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake.*'
+    timeout: 30000
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-waitForInteraction
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-vertical-wait'
+    timeout: 30000
+- scrollUntilVisible:
+    element:
+      text: 'Cheesecake'
+    direction: DOWN
+    speed: 60
+    visibilityPercentage: 50
+    centerElement: true
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake, Brownie.*'
+    timeout: 30000

packages/rn-tester/.maestro/helpers/confirm-open-link.yml

@@ -0,0 +1,9 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - tapOn:
+          text: 'Open'
+          optional: true

packages/rn-tester/.maestro/modal.yml

@@ -1,25 +1,24 @@
 appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
 ---
 - launchApp
-# Wait for the JS bundle to render the landing screen instead of asserting
-# immediately, which races app cold start on CI.
+- stopApp
+- openLink: rntester://example/Modal/onShow
+- runFlow: ./helpers/confirm-open-link.yml
 - extendedWaitUntil:
-    visible: 'Components'
-    timeout: 30000
-- scrollUntilVisible:
-    element:
-      id: 'Modal'
-    direction: DOWN
-    speed: 60
+    visible:
+      id: 'open-modal'
+    timeout: 120000
 - tapOn:
-    id: 'Modal'
+    id: 'open-modal'
 - assertVisible:
-    text: 'Show Modal'
-- tapOn:
-    text: 'Show Modal'
+    id: 'dismiss-modal'
 - assertVisible:
-    text: 'Close'
+    id: 'modal-on-show-count'
+    text: 'onShow is called 1 times'
 - tapOn:
-    text: 'Close'
+    id: 'dismiss-modal'
+- assertNotVisible:
+    id: 'dismiss-modal'
 - assertVisible:
-    text: 'Show Modal'
+    id: 'on-show-count'
+    text: 'onShow is called 1 times'

packages/rn-tester/.maestro/pressable.yml

@@ -1,37 +1,31 @@
 appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
 ---
-- runFlow: ./helpers/launch-app-and-search.yml
-- inputText:
-    text: 'Pressable'
-- assertVisible:
-    id: 'Pressable'
-- tapOn:
-    id: 'Pressable'
-- assertVisible:
-    text: 'Change content based on Press'
-- assertVisible:
-    text: 'Change style based on Press'
+- launchApp
+- stopApp
+- openLink: rntester://example/PressableExample/content-press
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'one_press_me_button'
+    timeout: 120000
 - tapOn:
     id: 'one_press_me_button'
 - assertVisible:
+    id: 'pressable_press_console'
     text: 'onPress'
 - tapOn:
     id: 'one_press_me_button'
 - assertVisible:
+    id: 'pressable_press_console'
     text: '2x onPress'
-- scrollUntilVisible:
-    element:
-      id: 'pressable_feedback_events'
-    direction: DOWN
-    speed: 10
-    visibilityPercentage: 100
+- openLink: rntester://example/PressableExample/feedback-events
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'pressable_feedback_events_button'
+    timeout: 30000
 - tapOn:
     id: 'pressable_feedback_events_button'
-- scrollUntilVisible:
-    element:
-      text: 'pressIn'
-    direction: DOWN
-    speed: 10
 - assertVisible:
     text: 'press'
 - assertVisible:
@@ -44,3 +38,24 @@ appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebo
     text: 'longPress'
 - assertVisible:
     text: 'pressOut'
+- openLink: rntester://example/PressableExample/hit-slop
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'pressable_hit_slop_button'
+    timeout: 30000
+- tapOn:
+    id: 'pressable_hit_slop_button'
+- assertVisible:
+    id: 'pressable_hit_slop'
+- openLink: rntester://example/PressableExample/text-press
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'tappable_text'
+    timeout: 30000
+- tapOn:
+    id: 'tappable_text'
+- assertVisible:
+    id: 'tappable_text_console'
+    text: 'text onPress'

packages/rn-tester/.maestro/sectionlist-viewability.yml

@@ -0,0 +1,66 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/SectionList/onEndReached
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'start_test'
+    timeout: 120000
+- tapOn:
+    id: 'start_test'
+- assertVisible:
+    id: 'output'
+    text: 'onEndReached'
+- openLink: rntester://example/SectionList/onViewableItemsChanged-horizontal-noWaitForInteraction
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'section-list-viewability-horizontal-no-wait'
+    timeout: 30000
+- assertVisible:
+    id: 'output'
+    text: '.*Pizza.*'
+- openLink: rntester://example/SectionList/onViewableItemsChanged-horizontal-waitForInteraction
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'section-list-viewability-horizontal-wait'
+    timeout: 30000
+- scrollUntilVisible:
+    element:
+      text: 'Cheesecake'
+    direction: RIGHT
+    speed: 60
+    visibilityPercentage: 50
+    centerElement: true
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake.*'
+    timeout: 30000
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - openLink: rntester://example/SectionList/onViewableItemsChanged-waitForInteraction
+      - runFlow: ./helpers/confirm-open-link.yml
+      - extendedWaitUntil:
+          visible:
+            id: 'section-list-viewability-vertical-wait'
+          timeout: 30000
+      - scrollUntilVisible:
+          element:
+            text: 'Cheesecake'
+          direction: DOWN
+          speed: 60
+          visibilityPercentage: 50
+          centerElement: true
+          timeout: 60000
+      - extendedWaitUntil:
+          visible:
+            id: 'output'
+            text: '.*Cheesecake.*'
+          timeout: 30000

packages/rn-tester/.maestro/textinput-uncontrolled.yml

@@ -0,0 +1,18 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- stopApp
+- openLink: rntester://example/TextInput/uncontrolledComponent
+- runFlow: ./helpers/confirm-open-link.yml
+- extendedWaitUntil:
+    visible:
+      id: 'uncontrolled-textinput'
+    timeout: 120000
+- tapOn:
+    id: 'uncontrolled-textinput'
+- eraseText
+- inputText: 'New value'
+- hideKeyboard
+- assertVisible:
+    id: 'uncontrolled-textinput'
+    text: 'New value'