Extract and reuse test components (#380)

* Create <TestPolyfill>

* Use <TestPolyfill> in 0.65 and 0.66

Author: charpeni

platforms/detox/TestPolyfill.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import {Text} from 'react-native';
+
+const PolyfillTests = () => (
+  <>
+    <Text testID="url-polyfill-version">
+      {global.REACT_NATIVE_URL_POLYFILL}
+    </Text>
+    <Text testID="url-test-1">{new URL('dev', 'https://google.dev').href}</Text>
+    <Text testID="url-test-2">
+      {
+        new URL('https://facebook.github.io/react-native/img/header_logo.png')
+          .href
+      }
+    </Text>
+    <Text testID="url-test-3">
+      {URL.createObjectURL({
+        data: {
+          blobId: 1,
+          offset: 32,
+        },
+        size: 64,
+      })}
+    </Text>
+  </>
+);
+
+export default PolyfillTests;

platforms/react-native/0.65/App.js

@@ -9,33 +9,14 @@
 import React from 'react';
 import {SafeAreaView, Text, StatusBar} from 'react-native';
 
+import TestPolyfill from '../../detox/TestPolyfill';
+
 const App: () => React$Node = () => {
   return (
     <>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView>
-        <Text testID="url-polyfill-version">
-          {global.REACT_NATIVE_URL_POLYFILL}
-        </Text>
-        <Text testID="url-test-1">
-          {new URL('dev', 'https://google.dev').href}
-        </Text>
-        <Text testID="url-test-2">
-          {
-            new URL(
-              'https://facebook.github.io/react-native/img/header_logo.png',
-            ).href
-          }
-        </Text>
-        <Text testID="url-test-3">
-          {URL.createObjectURL({
-            data: {
-              blobId: 1,
-              offset: 32,
-            },
-            size: 64,
-          })}
-        </Text>
+        <TestPolyfill />
       </SafeAreaView>
     </>
   );

platforms/react-native/0.66/App.js

@@ -10,33 +10,14 @@ import React from 'react';
 import type {Node} from 'react';
 import {SafeAreaView, Text, StatusBar} from 'react-native';
 
+import TestPolyfill from '../../detox/TestPolyfill';
+
 const App: () => Node = () => {
   return (
     <>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView>
-        <Text testID="url-polyfill-version">
-          {global.REACT_NATIVE_URL_POLYFILL}
-        </Text>
-        <Text testID="url-test-1">
-          {new URL('dev', 'https://google.dev').href}
-        </Text>
-        <Text testID="url-test-2">
-          {
-            new URL(
-              'https://facebook.github.io/react-native/img/header_logo.png',
-            ).href
-          }
-        </Text>
-        <Text testID="url-test-3">
-          {URL.createObjectURL({
-            data: {
-              blobId: 1,
-              offset: 32,
-            },
-            size: 64,
-          })}
-        </Text>
+        <TestPolyfill />
       </SafeAreaView>
     </>
   );