test update for ios 26 only

Author: markdevocht

playground/e2e/SearchBar.test.js

@@ -17,7 +17,13 @@ describe.e2e(':ios: SearchBar', () => {
     await expect(elementByTraits(['searchField'])).toBeNotVisible();
   });
 
-  it('find magnifying button in integrated placement and tap it', async () => {
+  it('find magnifying button in integrated placement and tap it (iOS 26+)', async () => {
+    try {
+      await expect(elementById(TestIDs.TOGGLE_PLACEMENT_BTN)).toExist();
+    } catch (e) {
+      console.log('Skipping - requires iOS 26+');
+      return;
+    }
     await elementById(TestIDs.TOGGLE_PLACEMENT_BTN).tap();
     await elementById(TestIDs.SHOW_SEARCH_BAR_BTN).tap();
     const searchButton = element(
@@ -46,11 +52,21 @@ describe.e2e(':ios: SearchBar Modal', () => {
   it('searching then exiting works', async () => {
     await elementById(TestIDs.SHOW_SEARCH_BAR_BTN).tap();
     await elementByTraits(['searchField']).replaceText('foo');
-    await elementById(TestIDs.DISMISS_MODAL_TOPBAR_BTN).tap();
-    await expect(elementById(TestIDs.OPTIONS_TAB)).toBeVisible();
+    try {
+      await expect(elementById(TestIDs.TOGGLE_PLACEMENT_BTN)).toExist();
+    } catch (e) {
+      await elementById(TestIDs.DISMISS_MODAL_TOPBAR_BTN).tap();
+      await expect(elementById(TestIDs.OPTIONS_TAB)).toBeVisible();
+    }
   });
 
-  it('find magnifying button in integrated placement and tap it', async () => {
+  it('find magnifying button in integrated placement and tap it (iOS 26+)', async () => {
+    try {
+      await expect(elementById(TestIDs.TOGGLE_PLACEMENT_BTN)).toExist();
+    } catch (e) {
+      console.log('Skipping - requires iOS 26+');
+      return;
+    }
     await elementById(TestIDs.TOGGLE_PLACEMENT_BTN).tap();
     await elementById(TestIDs.SHOW_SEARCH_BAR_BTN).tap();
     const searchButton = element(

playground/src/screens/SearchBar.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Platform } from 'react-native';
 import { NavigationProps } from 'react-native-navigation';
 
 import Root from '../components/Root';
@@ -36,11 +37,13 @@ export default class SearchBar extends React.Component<Props> {
         <Button label="Show TopBar" testID={SHOW_TOP_BAR_BTN} onPress={this.showTopBar} />
         <Button label="Hide SearchBar" testID={HIDE_SEARCH_BAR_BTN} onPress={this.hideSearchBar} />
         <Button label="Show SearchBar" testID={SHOW_SEARCH_BAR_BTN} onPress={this.showSearchBar} />
-        <Button
-          label={`Toggle Placement (${this.state.placement})`}
-          testID={TOGGLE_PLACEMENT_BTN}
-          onPress={this.togglePlacement}
-        />
+        {parseInt(String(Platform.Version), 10) >= 26 && (
+          <Button
+            label={`Toggle Placement (${this.state.placement})`}
+            testID={TOGGLE_PLACEMENT_BTN}
+            onPress={this.togglePlacement}
+          />
+        )}
       </Root>
     );
   }

playground/src/screens/SearchBarModal.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Platform } from 'react-native';
 import { NavigationProps } from 'react-native-navigation';
 import Button from '../components/Button';
 import Root from '../components/Root';
@@ -34,11 +35,13 @@ export default class SearchBarModal extends React.Component<Props> {
         {/* <Button label="Show TopBar" testID={SHOW_TOP_BAR_BTN} onPress={this.showTopBar} /> */}
         <Button label="Hide SearchBar" testID={HIDE_SEARCH_BAR_BTN} onPress={this.hideSearchBar} />
         <Button label="Show SearchBar" testID={SHOW_SEARCH_BAR_BTN} onPress={this.showSearchBar} />
-        <Button
-          label={`Toggle Placement (${this.state.placement})`}
-          testID={TOGGLE_PLACEMENT_BTN}
-          onPress={this.togglePlacement}
-        />
+        {parseInt(String(Platform.Version), 10) >= 26 && (
+          <Button
+            label={`Toggle Placement (${this.state.placement})`}
+            testID={TOGGLE_PLACEMENT_BTN}
+            onPress={this.togglePlacement}
+          />
+        )}
       </Root>
     );
   }