ci: fixed detox tests.

generators/app/resources/expo/package.json

@@ -25,9 +25,9 @@
     "react-native-web": "~0.19.6"
   },
   "devDependencies": {
-    "expo": "49.0.6",
-    "expo-template-blank-typescript": "49.0.14",
-    "jest-expo": "^49.0.0",
+    "expo": "48.0.6",
+    "expo-template-blank-typescript": "48.0.6",
+    "jest-expo": "48.0.2",
     "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": "<rootDir>/e2e/environment",
+  "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/environment.js.ejs

@@ -1,20 +1,11 @@
-const { DetoxCircusEnvironment, SpecReporter, WorkerAssignReporter } = require('detox/runners/jest-circus');
+const { DetoxCircusEnvironment } = require('detox/runners/jest');
 const { init: initExpo } = require('@ruddell/detox-expo-helpers');
 
 class CustomDetoxEnvironment extends DetoxCircusEnvironment {
   constructor(config, context) {
     super(config, context);
 
     initExpo();
-    // Can be safely removed, if you are content with the default value (=300000ms)
-    this.initTimeout = 300000;
-
-    // This takes care of generating status logs on a per-spec basis. By default, Jest only reports at file-level.
-    // This is strictly optional.
-    this.registerListeners({
-      SpecReporter,
-      WorkerAssignReporter,
-    });
   }
 }
 

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")
 

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/scripts/generate-react-native-app.sh

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