Merge pull request #6873 from mattermost/detox-maintenance-12152022

Detox/E2E Maintenance: Fix broken iOS e2e tests

app/components/selected_users/index.tsx

@@ -67,6 +67,11 @@ type Props = {
     */
     teammateNameDisplay: string;
 
+    /**
+     * test ID
+     */
+    testID?: string;
+
     /**
      * toast Icon
      */
@@ -130,7 +135,7 @@ export default function SelectedUsers({
     buttonIcon, buttonText, containerHeight = 0,
     modalPosition = 0, onPress, onRemove,
     selectedIds, setShowToast, showToast = false,
-    teammateNameDisplay, toastIcon, toastMessage,
+    teammateNameDisplay, testID, toastIcon, toastMessage,
 }: Props) {
     const theme = useTheme();
     const style = getStyleFromTheme(theme);
@@ -157,7 +162,7 @@ export default function SelectedUsers({
                     user={selectedIds[id]}
                     teammateNameDisplay={teammateNameDisplay}
                     onRemove={onRemove}
-                    testID='create_direct_message.selected_user'
+                    testID={`${testID}.selected_user`}
                 />,
             );
         }
@@ -276,6 +281,7 @@ export default function SelectedUsers({
                         icon={buttonIcon}
                         text={buttonText}
                         disabled={numberSelectedIds > General.MAX_USERS_IN_GM}
+                        testID={`${testID}.start.button`}
                     />
                 </Animated.View>
             </Animated.View>

app/components/tutorial_highlight/long_press.tsx

@@ -48,6 +48,7 @@ const TutorialSwipeLeft = ({containerStyle, message, style, textStyles}: Props)
         <View
             pointerEvents='none'
             style={[styles.container, containerStyle]}
+            testID='tutorial_swipe_left'
         >
             <View style={[styles.view, style]}>
                 <LongPressIllustration/>

app/components/tutorial_highlight/swipe_left.tsx

@@ -48,6 +48,7 @@ const TutorialSwipeLeft = ({containerStyle, message, style, textStyles}: Props)
         <View
             pointerEvents='none'
             style={[styles.container, containerStyle]}
+            testID='tutorial_swipe_left'
         >
             <View style={[styles.view, style]}>
                 <HandSwipeLeft fillColor={theme.centerChannelColor}/>