Fix detox tests (#7737)

* fix: detox config

* ci: add --forceExit option

* fix config

* Update package.json

* temp: switch to single worker

* fix: retries issue and detox debug config

* Revert "temp: switch to single worker"

This reverts commit 4cca800.

* test(detox): fix android.debug

* Fix iOS tests

* Update test-e2e.js

---------

Co-authored-by: Yaroslav Serhieiev <[email protected]>
Co-authored-by: Yaroslav Serhieiev <[email protected]>

Author: yogevbd

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

e2e/BackButton.test.js

@@ -32,6 +32,7 @@ describe('Back Button', () => {
     await expect(elementById(TestIDs.BACK_BUTTON)).toBeNotVisible();
     await elementById(TestIDs.TOGGLE_BACK_BUTTON_VISIBILITY).tap();
     await elementById(TestIDs.DISMISS_BTN).tap();
+    await elementByLabel('OK').tap();
     await elementById(TestIDs.BACK_BUTTON).tap();
     await expect(elementById(TestIDs.NAVIGATION_TAB)).toBeVisible();
   });

e2e/config.json

@@ -1,13 +1 @@
-const detox = require('detox');
-const config = require('../package.json').detox;
 require('detox-testing-library-rnn-adapter').extendDetox();
-
-jest.setTimeout(300000);
-
-beforeAll(async () => {
-  await detox.init(config, { launchApp: false });
-});
-
-afterAll(async () => {
-  await detox.cleanup();
-});

e2e/global-setup.js

@@ -0,0 +1,19 @@
+module.exports = {
+  ...require('../jest.config.js'),
+
+  bail: true,
+  globalSetup: 'detox/runners/jest/globalSetup',
+  globalTeardown: 'detox/runners/jest/globalTeardown',
+  reporters: ['detox/runners/jest/reporter'],
+  maxWorkers: 1,
+  moduleNameMapper: {
+    ...require('../jest.config.js').moduleNameMapper,
+    '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'identity-obj-proxy'
+  },
+  rootDir: '..',
+  setupFilesAfterEnv: ['<rootDir>/e2e/init.js'],
+  testEnvironment: 'detox/runners/jest/testEnvironment',
+  testMatch: ['<rootDir>/e2e/**.test.{js,ts}'],
+  testTimeout: 30000,
+  verbose: true
+};

e2e/global-teardown.js

@@ -0,0 +1,4 @@
+import { LogBox } from 'react-native';
+LogBox.ignoreAllLogs();
+
+require('./playground/index');

e2e/init.js

@@ -88,10 +88,10 @@
     "@types/react-test-renderer": "16.9.2",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
-    "babel-jest": "^29.5.0",
+    "babel-jest": "^27.0.0",
     "clang-format": "^1.4.0",
     "detox": "20.9.0",
-    "detox-testing-library-rnn-adapter": "2.x.x",
+    "detox-testing-library-rnn-adapter": "^2.0.3",
     "eslint": "7.32.0",
     "eslint-config-prettier": "6.11.0",
     "eslint-plugin-prettier": "3.1.4",
@@ -130,8 +130,11 @@
     "*.{h,m,mm}": "node ./scripts/check-clang-format"
   },
   "detox": {
-    "test-runner": "jest",
-    "specs": "",
+    "testRunner": {
+      "args": {
+        "config": "e2e/jest.config.js"
+      }
+    },
     "artifacts": {
       "plugins": {
         "log": "all",
@@ -168,7 +171,8 @@
       "ios.debug": {
         "type": "ios.app",
         "binaryPath": "playground/ios/DerivedData/playground/Build/Products/Debug-iphonesimulator/playground.app",
-        "build": ":"
+        "start": "npm start -- --e2e",
+        "build": "RCT_NO_LAUNCH_PACKAGER=true xcodebuild build -scheme playground -workspace playground/ios/playground.xcworkspace -sdk iphonesimulator -configuration Debug -derivedDataPath playground/ios/DerivedData/playground ONLY_ACTIVE_ARCH=YES -quiet -UseModernBuildSystem=YES"
       },
       "ios.release": {
         "type": "ios.app",
@@ -178,6 +182,7 @@
       "android.debug": {
         "type": "android.apk",
         "binaryPath": "playground/android/app/build/outputs/apk/debug/app-debug.apk",
+        "start": "npm start -- --e2e",
         "build": "cd playground/android && ./gradlew app:assembleDebug app:assembleAndroidTest -DtestBuildType=debug"
       },
       "android.release": {
@@ -218,4 +223,4 @@
       }
     }
   }
-}
+}

e2e/jest.config.js

@@ -2,17 +2,22 @@ const exec = require('shell-utils').exec;
 
 const isWindows = process.platform === 'win32' ? true : false;
 
+const sourceExts = ['js', 'json', 'ts', 'tsx'];
+if (process.argv.indexOf('--e2e') > 0) {
+ sourceExts.unshift('e2e.js');
+}
+
 if (isWindows) runWin32();
 else run();
 
 function run() {
   exec.killPort(8081);
   exec.execSync(`watchman watch-del-all || true`);
   exec.execSync(`adb reverse tcp:8081 tcp:8081 || true`);
-  exec.execSync(`node ./node_modules/react-native/local-cli/cli.js start`);
+  exec.execSync(`node ./node_modules/react-native/local-cli/cli.js start --sourceExts ${sourceExts}`);
 }
 
 function runWin32() {
   exec.execSync(`adb reverse tcp:8081 tcp:8081`);
-  exec.execSync(`node ./node_modules/react-native/local-cli/cli.js start`);
+  exec.execSync(`node ./node_modules/react-native/local-cli/cli.js start --sourceExts ${sourceExts}`);
 }