chore: update iOS simulators to 14th gen (#4316)

.nvmrc

@@ -1 +1 @@
-lts/gallium
+lts/iron

detox/test/e2e/30.custom-keyboard.test.js

@@ -3,7 +3,7 @@ describe(':ios: Custom Keyboard', () => {
     await device.reloadReactNative();
     await element(by.text('Custom Keyboard')).tap();
   });
-  
+
   afterEach(async () => {
     await element(by.id('closeButton')).tap();
   });
@@ -17,6 +17,6 @@ describe(':ios: Custom Keyboard', () => {
   it('should obscure elements at bottom of screen when visible', async () => {
     await expect(element(by.text('Obscured by keyboard'))).toBeVisible();
     await element(by.id('textWithCustomInput')).tap();
-    await expect(element(by.text('Obscured by keyboard'))).toBeNotVisible();
+    await expect(element(by.text('Obscured by keyboard'))).not.toBeVisible();
   });
 });

detox/test/e2e/detox.config.js

@@ -99,7 +99,7 @@ const config = {
       type: 'ios.simulator',
       headless: Boolean(process.env.CI),
       device: {
-        type: 'iPhone 12 Pro Max',
+        type: 'iPhone 14 Pro Max',
       },
     },
 

detox/test/src/Screens/VisibilityExpectationScreen.js

@@ -26,10 +26,7 @@ export default class VisibilityExpectationScreen extends Component {
       <SafeAreaView testID='VisibilityExpectationScreen' style={styles.screen}>
         <Text style={styles.header}>Half Visible Element</Text>
         <Text style={styles.text}>Element should be only half-visible.</Text>
-        <View style={styles.halfVisible, { left: shouldMoveElement ? "75%" : "50%" }} testID='halfVisible'>
+        <View style={[styles.fullWidth, shouldMoveElement ? styles.quarterVisible : styles.halfVisible]} testID='halfVisible' />
-          <Text>Half Visible Element</Text>
-        </View>
-
         <Text style={styles.header}>Move Element Button</Text>
         <Text style={styles.text}>Element should be 1/4 visible after button is pressed.</Text>
         <Button title={"Move That Element"} testID={"moveHalfVisible"} onPress={() => { this.setState({shouldMoveElement: true}) }} />
@@ -41,7 +38,9 @@ export default class VisibilityExpectationScreen extends Component {
 const styles = StyleSheet.create({
   screen: {
     flex: 1,
-    justifyContent: 'flex-start'
+    justifyContent: 'flex-start',
+    borderColor: 'red',
+    borderWidth: 1,
   },
   header: {
     fontSize: 18,
@@ -55,10 +54,15 @@ const styles = StyleSheet.create({
     marginVertical: 12,
   },
   halfVisible: {
-    position: 'relative',
+    left: '50%',
-    backgroundColor: '#ccc',
-    textAlign: 'center',
-    lineHeight: 30,
-    height: 100
   },
+  quarterVisible: {
+    left: '75%',
+  },
+  fullWidth: {
+    alignSelf: 'stretch',
+    backgroundColor: 'purple',
+    height: 30,
+    minWidth: 30,
+  }
 });

examples/demo-native-ios/package.json

@@ -23,7 +23,7 @@
       "simulator": {
         "type": "ios.simulator",
         "device": {
-          "type": "iPhone 11 Pro"
+          "type": "iPhone 14 Pro"
         }
       }
     },

examples/demo-react-native-detox-instruments/package.json

@@ -11,7 +11,7 @@
       "ios.sim.release": {
         "binaryPath": "../demo-react-native/ios/build/Build/Products/Release-iphonesimulator/example.app",
         "type": "ios.simulator",
-        "name": "iPhone 11 Pro"
+        "name": "iPhone 14"
       }
     }
   }

examples/demo-react-native/detox.config.js

@@ -45,7 +45,7 @@ module.exports = {
       type: "ios.simulator",
       headless: Boolean(process.env.CI),
       device: {
-        type: "iPhone 12 Pro"
+        type: "iPhone 14 Pro"
       }
     },
     emulator: {