test(): fix setup

Author: ablok

.gitignore

@@ -14,6 +14,7 @@ detox/apps
 detox/*.log
 **/results
 mendixProject
+**/tests/diffs
 **/screenshot
 **/screenshot-results
 **/tests/testProject

detox/detox.config.js

@@ -1,7 +1,7 @@
-const ANDROID_SDK_VERSION = 31;
+const ANDROID_SDK_VERSION = "31";
 const ANDROID_DEVICE_TYPE = "pixel";
-const IOS_SDK_VERSION = 15;
-const IOS_DEVICE_TYPE = "iPhone 13 Pro Max";
+const IOS_SDK_VERSION = "15.2";
+const IOS_DEVICE_TYPE = "iPhone 13";
 
 module.exports = {
     ANDROID_SDK_VERSION,
@@ -27,13 +27,15 @@ module.exports = {
             device: {
                 type: IOS_DEVICE_TYPE,
                 os: `iOS ${IOS_SDK_VERSION}`
+                // name: `NATIVE_${IOS_DEVICE_TYPE}_${IOS_SDK_VERSION}`
             }
         },
         android: {
             type: "android.emulator",
             device: {
                 avdName: `NATIVE_${ANDROID_DEVICE_TYPE}_${ANDROID_SDK_VERSION}`
             }
+            // bootArgs: "-skin 1080x1920"
         }
     },
     configurations: {

detox/jest.detox.config.js

@@ -3,7 +3,7 @@ module.exports = {
     reporters: ["detox/runners/jest/streamlineReporter"],
     rootDir: process.cwd(),
     setupFilesAfterEnv: [`${__dirname}/jest.detox.startup.js`],
-    testMatch: ["<rootDir>/**/e2e/*.spec.{js,jsx,ts,tsx}"],
+    testMatch: ["<rootDir>/e2e/specs/**/*.spec.{js,jsx,ts,tsx}"],
     testPathIgnorePatterns: ["<rootDir>/dist", "<rootDir>/node_modules"],
     testEnvironment: "node",
     verbose: true,

detox/jest.detox.startup.js

@@ -4,6 +4,8 @@ const specReporter = require("detox/runners/jest/specReporter");
 const config = require("./detox.config");
 const { toMatchImageSnapshot } = require("jest-image-snapshot");
 const { join, resolve } = require("path");
+const { execSync } = require("child_process");
+const { ANDROID_DEVICE_TYPE, ANDROID_SDK_VERSION, IOS_SDK_VERSION, IOS_DEVICE_TYPE } = require("./detox.config");
 
 jest.setTimeout(300000);
 jasmine.getEnv().addReporter(adapter);
@@ -13,13 +15,24 @@ expect.extend({
     toMatchImageSnapshot(screenshot, options = {}) {
         const { currentTestName } = this;
         const platform = device.getPlatform();
-        const customSnapshotsDir = join(resolve("./"), "image-snapshots", platform, device.name);
-        const customDiffDir = join(resolve("./"), "image-snapshots/results", platform, device.name);
+        let type;
+        let sdk;
+        if (platform === "ios") {
+            type = IOS_DEVICE_TYPE;
+            sdk = IOS_SDK_VERSION;
+        } else {
+            type = ANDROID_DEVICE_TYPE;
+            sdk = ANDROID_SDK_VERSION;
+        }
+        const customSnapshotsDir = join(resolve("./"), "e2e", "images", platform, sdk, type);
+        const customDiffDir = join(resolve("./"), "e2e", "diffs", platform, sdk, type);
 
         return toMatchImageSnapshot.call(this, screenshot, {
             customDiffConfig: { threshold: 0.15 },
             customDiffDir,
             customSnapshotsDir,
+            failureThreshold: 10,
+            failureThresholdType: "pixel",
             customSnapshotIdentifier: ({ counter }) => `${currentTestName} ${counter}`,
             ...options
         });
@@ -39,6 +52,7 @@ beforeAll(async () => {
         // JS actions
         permissions: { faceid: "YES", location: "inuse", camera: "YES", photos: "YES", notifications: "YES" }
     });
+    await setDemoMode();
 
     if (device.getPlatform() === "ios") {
         await prepDeveloperApp("localhost", 8080);
@@ -69,3 +83,30 @@ async function prepDeveloperApp(url, port) {
     await element(by.id("text_input_runtime_url")).tapReturnKey();
     await device.setURLBlacklist([]);
 }
+
+async function setDemoMode() {
+    if (device.getPlatform() === "ios") {
+        const type = device.name.substring(device.name.indexOf("(") + 1, device.name.lastIndexOf(")"));
+        execSync(
+            `xcrun simctl status_bar "${type}" override --time "12:00" --batteryState charged --batteryLevel 100 --wifiBars 3 --cellularMode active --cellularBars 4`
+        );
+    } else {
+        const id = device.id;
+        // enter demo mode
+        execSync(`adb -s ${id} shell settings put global sysui_demo_allowed 1`);
+        // display time 12:00
+        execSync(`adb -s ${id} shell am broadcast -a com.android.systemui.demo -e command clock -e hhmm 1200`);
+        // Display full mobile data with 4g type and no wifi
+        execSync(
+            `adb -s ${id} shell am broadcast -a com.android.systemui.demo -e command network -e mobile show -e level 4 -e datatype 4g -e wifi false`
+        );
+        // Hide notifications
+        execSync(
+            `adb -s ${id} shell am broadcast -a com.android.systemui.demo -e command notifications -e visible false`
+        );
+        // Show full battery but not in charging state
+        execSync(
+            `adb -s ${id} shell am broadcast -a com.android.systemui.demo -e command battery -e plugged false -e level 100`
+        );
+    }
+}

detox/scripts/setup-ios.js

@@ -3,6 +3,7 @@ const { rmSync } = require("fs");
 const { promisify } = require("util");
 const { join } = require("path");
 const { downloadFile, execCommand } = require("./helpers");
+// const { IOS_DEVICE_TYPE, IOS_SDK_VERSION } = require("../detox.config");
 
 main().catch(e => {
     console.error(e);
@@ -30,5 +31,10 @@ async function main() {
     console.log("Installing simutils...");
     execCommand("brew tap wix/brew && brew install applesimutils");
 
+    // console.log("Creating iOS simulator...");
+    // const name = `NATIVE_${IOS_DEVICE_TYPE}_${IOS_SDK_VERSION}`;
+    // execCommand(`xcrun simctl delete '${name}'`, `Invalid device: ${name}`);
+    // execCommand(`xcrun simctl create '${name}' '${IOS_DEVICE_TYPE}' 'iOS${IOS_SDK_VERSION}'`);
+
     console.log("Done!");
 }

package.json

@@ -60,12 +60,12 @@
     "@types/jest-image-snapshot": "^4.3.1",
     "@types/mime": "^2.0.3",
     "@types/node": "^14.14.6",
-    "@types/shelljs": "^0.8.9",
     "@types/react": "~17.0.1",
     "@types/react-dom": "~17.0.1",
     "@types/react-native": "~0.63.30",
     "@types/react-native-vector-icons": "^6.4.6",
     "@types/react-test-renderer": "~17.0.1",
+    "@types/shelljs": "^0.8.9",
     "@types/xml2js": "^0.4.5",
     "cross-env": "^7.0.2",
     "deepmerge": "^4.2.2",