Add test for React Native 0.72 (#452)

Author: charpeni

.circleci/config.yml

@@ -303,7 +303,7 @@ workflows:
       - test-ios:
           matrix:
             parameters:
-              react-native-version: ['0.68']
+              react-native-version: ['0.68', '0.72']
           requires:
             - lint
             - test-js

platforms/detox/.detoxrc.js

@@ -52,7 +52,7 @@ module.exports = {
     emulator: {
       type: 'android.emulator',
       device: {
-        avdName: 'Pixel_3a_API_30_x86',
+        avdName: 'Pixel_3a_API_34_extension_level_7_arm64-v8a',
       },
     },
   },

platforms/detox/urlPolyfill.test.js

@@ -28,8 +28,14 @@ describe('URL Polyfill', () => {
   });
 
   it('should handle test 3', async () => {
-    await expect(element(by.id('url-test-3'))).toHaveText(
-      'blob:1?offset=32&size=64',
-    );
+    if (device.getPlatform() === 'ios') {
+      await expect(element(by.id('url-test-3'))).toHaveText(
+        'blob:1?offset=32&size=64',
+      );
+    } else if (device.getPlatform() === 'android') {
+      await expect(element(by.id('url-test-3'))).toHaveText(
+        'content://com.detox.blobs/1?offset=32&size=64',
+      );
+    }
   });
 });

platforms/react-native/0.72/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

platforms/react-native/0.72/.detoxrc.js

@@ -0,0 +1,4 @@
+const detoxConfig = require('../../detox/.detoxrc.js');
+
+/** @type {Detox.DetoxConfig} */
+module.exports = detoxConfig;

platforms/react-native/0.72/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

platforms/react-native/0.72/.gitignore

@@ -0,0 +1,66 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+ios/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+/ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

platforms/react-native/0.72/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

platforms/react-native/0.72/.watchmanconfig

@@ -0,0 +1 @@
+{}

platforms/react-native/0.72/App.tsx

@@ -0,0 +1,24 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import React from 'react';
+import {SafeAreaView, StatusBar, useColorScheme} from 'react-native';
+
+import TestPolyfill from '../../detox/TestPolyfill';
+
+function App(): JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  return (
+    <SafeAreaView>
+      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
+      <TestPolyfill />
+    </SafeAreaView>
+  );
+}
+
+export default App;