Detox/E2E: Search Messages e2e tests in Gekidou (#6756)

* Detox/E2E: Search Messages e2e tests in Gekidou

* Migrate to Detox 20

* Fix detoxrc

* Fix assertion for search messages

app/components/navigation_header/search.tsx

@@ -87,6 +87,7 @@ const NavigationSearch = forwardRef<SearchRef, Props>(({
                 searchIconColor={theme.sidebarText}
                 selectionColor={theme.sidebarText}
                 ref={ref}
+                testID='navigation.header.search_bar'
             />
         </Animated.View>
     );

app/components/option_item/index.tsx

@@ -211,6 +211,7 @@ const OptionItem = ({
                 onPress={onRemove}
                 style={[styles.iconContainer]}
                 type='opacity'
+                testID={`${testID}.remove.button`}
             >
                 <CompassIcon
                     name={'close'}

app/components/team_sidebar/add_team/add_team_slide_up.tsx

@@ -73,7 +73,7 @@ export default function AddTeamSlideUp({otherTeams, title, showTitle = true}: Pr
             onPress={onPressCreate}
             showButton={false}
             showTitle={showTitle}
-            testID={'team_sidebar.add_team_slide_up'}
+            testID='team_sidebar.add_team_slide_up'
             title={title}
         >
             {hasOtherTeams &&
@@ -90,13 +90,13 @@ export default function AddTeamSlideUp({otherTeams, title, showTitle = true}: Pr
                         id='team_list.no_other_teams.title'
                         defaultMessage='No additional teams to join'
                         style={styles.title}
-                        testID={'team_sidebar.add_team_slide_up.no_other_teams.title'}
+                        testID='team_sidebar.add_team_slide_up.no_other_teams.title'
                     />
                     <FormattedText
                         id='team_list.no_other_teams.description'
                         defaultMessage='To join another team, ask a Team Admin for an invitation, or create your own team.'
                         style={styles.description}
-                        testID={'team_sidebar.add_team_slide_up.no_other_teams.description'}
+                        testID='team_sidebar.add_team_slide_up.no_other_teams.description'
                     />
                 </View>
             }

app/components/team_sidebar/add_team/team_list_item/team_list_item.tsx

@@ -82,6 +82,7 @@ export default function TeamListItem({team, textColor, iconTextColor, iconBackgr
             <Text
                 style={[styles.text, textColor && {color: textColor}]}
                 numberOfLines={1}
+                testID={`${teamListItemTestId}.team_display_name`}
             >
                 {displayName}
             </Text>