Deep-link RNTester Pressable and Modal Maestro flows

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

@@ -0,0 +1,24 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/AlertExample/default-button
+- extendedWaitUntil:
+    visible:
+      id: 'alert-with-default-button'
+    timeout: 10000
+- tapOn:
+    id: 'alert-with-default-button'
+- assertVisible: 'An external USB drive has been detected!'
+- tapOn: 'OK'
+- openLink: rntester://example/AlertExample/three-buttons
+- extendedWaitUntil:
+    visible:
+      id: 'alert-with-three-buttons'
+    timeout: 10000
+- 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,21 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/Animated/fadeInView
+- extendedWaitUntil:
+    visible:
+      id: 'toggle-button'
+    timeout: 10000
+- 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,14 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- assertVisible:
+    id: 'components-tab'
+- assertVisible:
+    id: 'apis-tab'
+- openLink: rntester://example/AppearanceExample
+- extendedWaitUntil:
+    visible: 'useColorScheme hook'
+    timeout: 10000

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

@@ -0,0 +1,15 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/Filter/animated-blur
+- extendedWaitUntil:
+    visible:
+      id: 'animated-blur-button'
+    timeout: 10000
+- tapOn:
+    id: 'animated-blur-button'
+- assertVisible:
+    id: 'animated-blur-view'

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

@@ -0,0 +1,48 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-horizontal-noWaitForInteraction
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-horizontal-no-wait'
+    timeout: 10000
+- assertVisible:
+    id: 'output'
+    text: '.*Pizza, Burger.*'
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-horizontal-waitForInteraction
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-horizontal-wait'
+    timeout: 10000
+- repeat:
+    times: 3
+    commands:
+      - swipe:
+          start: 90%, 50%
+          end: 10%, 50%
+          speed: fast
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake.*'
+    timeout: 10000
+- openLink: rntester://example/FlatListExample/onViewableItemsChanged-waitForInteraction
+- extendedWaitUntil:
+    visible:
+      id: 'flat-list-viewability-vertical-wait'
+    timeout: 10000
+- repeat:
+    times: 2
+    commands:
+      - swipe:
+          start: 50%, 80%
+          end: 50%, 20%
+          speed: fast
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake, Brownie.*'
+    timeout: 10000

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

@@ -6,20 +6,22 @@ appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebo
 - extendedWaitUntil:
     visible: 'Components'
     timeout: 30000
-- scrollUntilVisible:
-    element:
-      id: 'Modal'
-    direction: DOWN
-    speed: 60
+- openLink: rntester://example/Modal/onShow
+- extendedWaitUntil:
+    visible:
+      id: 'open-modal'
+    timeout: 10000
 - 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
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/PressableExample/content-press
+- extendedWaitUntil:
+    visible:
+      id: 'one_press_me_button'
+    timeout: 10000
 - 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
+- extendedWaitUntil:
+    visible:
+      id: 'pressable_feedback_events_button'
+    timeout: 10000
 - tapOn:
     id: 'pressable_feedback_events_button'
-- scrollUntilVisible:
-    element:
-      text: 'pressIn'
-    direction: DOWN
-    speed: 10
 - assertVisible:
     text: 'press'
 - assertVisible:
@@ -44,3 +38,22 @@ appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebo
     text: 'longPress'
 - assertVisible:
     text: 'pressOut'
+- openLink: rntester://example/PressableExample/hit-slop
+- extendedWaitUntil:
+    visible:
+      id: 'pressable_hit_slop_button'
+    timeout: 10000
+- tapOn:
+    id: 'pressable_hit_slop_button'
+- assertVisible:
+    id: 'pressable_hit_slop'
+- openLink: rntester://example/PressableExample/text-press
+- extendedWaitUntil:
+    visible:
+      id: 'tappable_text'
+    timeout: 10000
+- tapOn:
+    id: 'tappable_text'
+- assertVisible:
+    id: 'tappable_text_console'
+    text: 'text onPress'

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

@@ -0,0 +1,62 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/SectionList/onEndReached
+- extendedWaitUntil:
+    visible:
+      id: 'start_test'
+    timeout: 10000
+- tapOn:
+    id: 'start_test'
+- assertVisible:
+    id: 'output'
+    text: 'onEndReached'
+- openLink: rntester://example/SectionList/onViewableItemsChanged-horizontal-noWaitForInteraction
+- extendedWaitUntil:
+    visible:
+      id: 'section-list-viewability-horizontal-no-wait'
+    timeout: 10000
+- assertVisible:
+    id: 'output'
+    text: '.*Pizza.*'
+- openLink: rntester://example/SectionList/onViewableItemsChanged-horizontal-waitForInteraction
+- extendedWaitUntil:
+    visible:
+      id: 'section-list-viewability-horizontal-wait'
+    timeout: 10000
+- repeat:
+    times: 3
+    commands:
+      - swipe:
+          start: 90%, 50%
+          end: 10%, 50%
+          speed: fast
+- extendedWaitUntil:
+    visible:
+      id: 'output'
+      text: '.*Cheesecake.*'
+    timeout: 10000
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - openLink: rntester://example/SectionList/onViewableItemsChanged-waitForInteraction
+      - extendedWaitUntil:
+          visible:
+            id: 'section-list-viewability-vertical-wait'
+          timeout: 10000
+      - repeat:
+          times: 3
+          commands:
+            - swipe:
+                start: 50%, 80%
+                end: 50%, 20%
+                speed: fast
+      - extendedWaitUntil:
+          visible:
+            id: 'output'
+            text: '.*Cheesecake.*'
+          timeout: 10000

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

@@ -0,0 +1,19 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/TextInput/uncontrolledComponent
+- extendedWaitUntil:
+    visible:
+      id: 'uncontrolled-textinput'
+    timeout: 10000
+- tapOn:
+    id: 'uncontrolled-textinput'
+- eraseText
+- inputText: 'New value'
+- hideKeyboard
+- assertVisible:
+    id: 'uncontrolled-textinput'
+    text: 'New value'

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

@@ -0,0 +1,44 @@
+appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebook.react.uiapp
+---
+- launchApp
+- extendedWaitUntil:
+    visible: 'Components'
+    timeout: 30000
+- openLink: rntester://example/TouchableExample/feedback-events
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_feedback_events_button'
+    timeout: 10000
+- tapOn:
+    id: 'touchable_feedback_events_button'
+- assertVisible:
+    id: 'touchable_feedback_events_console'
+- openLink: rntester://example/TouchableExample/highlight
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_highlight_text_button'
+    timeout: 10000
+- tapOn:
+    id: 'touchable_highlight_text_button'
+- assertVisible:
+    id: 'touchable_highlight_console'
+    text: 'TouchableHighlight onPress'
+- openLink: rntester://example/TouchableExample/hit-slop
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_hit_slop_button'
+    timeout: 10000
+- tapOn:
+    id: 'touchable_hit_slop_button'
+- assertVisible:
+    id: 'touchable_hit_slop'
+- openLink: rntester://example/TouchableExample/without-feedback
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_without_feedback_button'
+    timeout: 10000
+- tapOn:
+    id: 'touchable_without_feedback_button'
+- assertVisible:
+    id: 'touchable_without_feedback_console'
+    text: 'TouchableWithoutFeedback onPress'

packages/rn-tester/js/examples/FlatList/BaseFlatListExample.js

@@ -61,6 +61,7 @@ const Item = ({item, separators}: ListRenderItemInfo<string>) => {
 
 type Props = Readonly<{
   exampleProps: Partial<React.ElementConfig<typeof FlatList>>,
+  exampleTestID?: ?string,
   onTest?: ?() => void,
   testLabel?: ?string,
   testOutput?: ?string,
@@ -72,7 +73,7 @@ const BaseFlatListExample: component(
   ...props: Props
 ) = ({ref, ...props}: {ref: React.RefSetter<FlatList<string>>, ...Props}) => {
   return (
-    <View style={styles.container}>
+    <View style={styles.container} testID={props.exampleTestID}>
       {props.testOutput != null ? (
         <View testID="test_container" style={styles.testContainer}>
           <Text style={styles.output} numberOfLines={1} testID="output">