ci: fixed detox tests.

generators/app/files.js

@@ -208,7 +208,6 @@ const files = {
       condition: generator => generator.context.detox === true,
       templates: [
         '.detoxrc.json',
-        'e2e/environment.js',
         'e2e/config.json',
         'e2e/home-screen.spec.js',
         'e2e/utils.js',

generators/app/resources/expo/package.json

@@ -25,8 +25,8 @@
     "react-native-web": "~0.19.6"
   },
   "devDependencies": {
-    "expo": "49.0.6",
-    "expo-template-blank-typescript": "49.0.14",
+    "expo": "~49.0.15",
+    "expo-template-blank-typescript": "49.0.23",
     "jest-expo": "^49.0.0",
     "typescript": "^5.1.3"
   }

generators/app/templates/.detoxrc.json.ejs

@@ -1,12 +1,23 @@
 {
   "configurations": {
     "ios.sim.release": {
+      "device": "simulator",
+      "app": "myApp.ios",
+    }
+  },
+  "apps": {
+    "myApp.ios": {
+      "type": "ios.app",
       "binaryPath": "e2e/Exponent.app",
+    },
+  },
+  "devices": {
+    "simulator": {
       "type": "ios.simulator",
       "device": {
-        "type": "iPhone 12"
-      }
-    }
+        "type": "iPhone 12",
+      },
+    },
   },
   "artifacts": {
     "rootDir": ".artifacts",
@@ -20,6 +31,11 @@
       }
     }
   },
-  "test-runner": "jest",
-  "runner-config": "./e2e/config.json"
+  "testRunner": {
+    "$0": "jest",
+    "args": {
+      "config": "./e2e/config.json"
+    },
+    "_": ["e2e"]
+  }
 }

generators/app/templates/e2e/config.json.ejs

@@ -1,8 +1,12 @@
 {
-  "testEnvironment": "./environment",
+  "rootDir": "..",
+  "testMatch": ["<rootDir>/e2e/**/*.spec.js"],
+  "reporters": ["detox/runners/jest/reporter"],
+  "testEnvironment": "detox/runners/jest/testEnvironment",
+  "globalSetup": "detox/runners/jest/globalSetup",
+  "globalTeardown": "detox/runners/jest/globalTeardown",
   "testRunner": "jest-circus/runner",
   "testTimeout": 300000,
-  "testRegex": "\\.spec\\.js$",
-  "reporters": ["detox/runners/jest/streamlineReporter"],
+  "maxWorkers": 1,
   "verbose": true
 }

generators/app/templates/e2e/scripts/setup.sh.ejs

@@ -5,7 +5,7 @@ echo 'Checking for Expo App...'
 ./e2e/scripts/download-expo.sh
 
 # get ios device name from detox config
-IOS_DEVICE_NAME=$(cat .detoxrc.json | jq -rc '.configurations | .[] | .device | .type')
+IOS_DEVICE_NAME=$(cat .detoxrc.json | jq -rc '.devices | .[] | .device | .type')
 # get simulator matching that name
 DEVICE_ID=$(xcrun simctl list devices -j | jq -rc ".[] | .[] | .[] | select( .name == \"$IOS_DEVICE_NAME\" )  | select( .isAvailable == true ) | .udid")
 
@@ -18,7 +18,7 @@ xcrun simctl install $DEVICE_ID e2e/Exponent.app
 
 echo 'Fetching App Bundle from Expo Packager...'
 # warm up the app - prebuild the bundle with dev=false and minify=true, otherwise it times out at start of detox test
-rep=$(curl -fs "http://127.0.0.1:19000/node_modules/expo/AppEntry.bundle?platform=ios&dev=false&hot=false&minify=true")
+rep=$(curl -fs "http://127.0.0.1:8081/node_modules/expo/AppEntry.bundle?platform=ios&dev=false&hot=false&minify=true")
 status=$?
 
 if [ "$status" -ne 0 ]; then

generators/app/templates/e2e/utils.js.ejs

@@ -1,8 +1,8 @@
-const DetoxExpoHelpers = require('@ruddell/detox-expo-helpers');
+const { device } = require('detox');
 
 const username = process.env.E2E_USERNAME || 'user';
 const password = process.env.E2E_PASSWORD || 'user';
-const expoPublishedUrl = process.env.E2E_EXPO_URL || 'exp://localhost:19000';
+const expoPublishedUrl = process.env.E2E_EXPO_URL || 'exp://localhost:8081';
 
 const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
@@ -108,7 +108,7 @@ const waitForElementToBeVisibleById = async (elementId, timeout = 5000) => {
 const reloadApp = async (bailOnFailure) => {
   try {
     // disabling Detox synchronization - broken for Expo apps in Detox 18+, speeds up tests at the cost of using waitFor
-    await DetoxExpoHelpers.reloadApp({ url: expoPublishedUrl, launchArgs: { detoxEnableSynchronization: false } });
+    await device.launchApp({ url: expoPublishedUrl, launchArgs: { detoxEnableSynchronization: false } });
     // if you eject from expo, you should replace the line above with:
     // device.reloadReactNative()
     await waitForElementToBeVisibleById('homeScreen', 15000);

generators/app/templates/package.json

@@ -34,7 +34,6 @@
   },
   "devDependencies": {
     "@react-native-community/eslint-config": "3.2.0",
-    "@ruddell/detox-expo-helpers": "0.7.0",
     "@storybook/addons": "7.6.1",
     "@storybook/react-native": "6.5.7",
     "@storybook/theming": "7.6.1",

generators/app/templates/package.json.ejs

@@ -83,7 +83,6 @@
     "buffer": "REPLACE_WITH_VERSION",
     <%_ if (context.detox) { _%>
     "detox": "REPLACE_WITH_VERSION",
-    "@ruddell/detox-expo-helpers": "REPLACE_WITH_VERSION",
     "expo-detox-hook": "REPLACE_WITH_VERSION",
     "jest-circus": "REPLACE_WITH_VERSION",
     <%_ } _%>

generators/app/templates/test/setup.js.ejs

@@ -13,3 +13,6 @@ jest
   .mock('@storybook/react-native', () => {
     return { getStorybookUI: jest.fn(), configure: jest.fn() }
   })
+  // https://github.com/expo/expo/issues/23591#issuecomment-1652548059
+  .mock('expo-font')
+  .mock('expo-asset')

lib/patch-babel.js

@@ -1,7 +1,7 @@
 function patchBabel() {
   this.patchInFile('babel.config.js', {
     after: 'presets',
-    insert: "plugins: ['react-native-reanimated/plugin'],",
+    insert: "plugins: ['@babel/plugin-transform-export-namespace-from', 'react-native-reanimated/plugin'],",
     ignoreIfContains: 'react-native-reanimated',
   });
 }

test/expected-files.js

@@ -142,7 +142,6 @@ const expectedFiles = {
   ],
   detox: [
     '.detoxrc.json',
-    'e2e/environment.js',
     'e2e/config.json',
     'e2e/home-screen.spec.js',
     'e2e/utils.js',

test/scripts/generate-react-native-app.sh

@@ -16,5 +16,8 @@ else
   --defaults --no-insight --skip-git
 fi
 
+# pin specific version of expo
+npm i [email protected]
+
 # list files
 ls -al

test/scripts/run-detox-tests.sh

@@ -56,7 +56,7 @@ npm run start:e2e &
 # verify the npm packager has started (takes less time than the backend, so should not be an issue)
 retryCount=5
 maxRetry=60
-httpUrl="http://localhost:19000"
+httpUrl="http://localhost:8081"
 rep=$(curl -fv "$httpUrl")
 status=$?
 while [ "$status" -ne 0 ] && [ "$retryCount" -le "$maxRetry" ]; do