Setup Detox

.detoxrc.js

@@ -0,0 +1,66 @@
+const launchArgs = {
+  disableAnimations: true,
+};
+
+/** @type {Detox.DetoxConfig} */
+module.exports = {
+  testRunner: {
+    args: {
+      $0: "jest",
+      config: "e2e/jest.config.ts",
+    },
+    jest: {
+      setupTimeout: 120000,
+    },
+  },
+  apps: {
+    "ios.release": {
+      launchArgs,
+      type: "ios.app",
+      binaryPath:
+        "ios/build/Build/Products/Release-iphonesimulator/YOUR_APP.app",
+      build:
+        "xcodebuild -workspace ios/YOUR_APP.xcworkspace -scheme YOUR_APP -configuration Release -sdk iphonesimulator -derivedDataPath ios/build",
+    },
+    "android.release": {
+      launchArgs,
+      type: "android.apk",
+      binaryPath: "android/app/build/outputs/apk/release/app-release.apk",
+      build: `cd android && "./gradlew" assembleRelease assembleAndroidTest -DtestBuildType=release`,
+    },
+  },
+  devices: {
+    simulator: {
+      type: "ios.simulator",
+      device: {
+        type: "iPhone 15",
+      },
+    },
+    attached: {
+      type: "android.attached",
+      device: {
+        adbName: ".*",
+      },
+    },
+    emulator: {
+      type: "android.emulator",
+      device: {
+        avdName: "Medium_Phone_API_36.0",
+      },
+    },
+  },
+  configurations: {
+    "ios.sim.release": {
+      device: "simulator",
+      app: "ios.release",
+    },
+    "android.att.release": {
+      device: "attached",
+      app: "android.release",
+    },
+    "android.emu.release": {
+      device: "emulator",
+      app: "android.release",
+    },
+  },
+};

app.config.ts

@@ -61,7 +61,10 @@ export default ({ config }: ConfigContext) =>
       plugins: [
         ["./scripts/fdroid/removeDKBuildId.ts"],
         ["./scripts/fdroid/disableDependencyMetadata.ts"],
-        ["./scripts/fdroid/excludeNonfreeDependencies.ts"],
+        [
+          "./scripts/detox/configureDetox.ts",
+          // { subdomains: "*" }, // uncomment to debug app
+        ],
         [
           "expo-build-properties",
           {

components/ServerForm.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from "react";
 import { Text, Button, Input, CheckBox } from "@ui-kitten/components";
 import { cleanServerUrl, verifyEvccServer } from "../utils/server";
-import LoadingIndicator from "../components/LoadingIndicator";
+import LoadingIndicator from "./animations/LoadingIndicator";
 import { useTranslation } from "react-i18next";
 import { BasicAuth } from "types";
 

components/animations/ActivityIndicator.tsx

@@ -0,0 +1,11 @@
+import { ActivityIndicatorProps, View } from "react-native";
+import { ActivityIndicator as RNActivityIndicator } from "react-native";
+import { disableAnimations } from "./launchArguments";
+
+export default function ActivityIndicator(props?: ActivityIndicatorProps) {
+  return (
+    <View style={{ justifyContent: "center", alignItems: "center" }}>
+      <RNActivityIndicator {...props} animating={!disableAnimations()} />
+    </View>
+  );
+}

components/animations/LoadingIndicator.tsx

@@ -0,0 +1,11 @@
+import { View } from "react-native";
+import { SpinnerProps } from "@ui-kitten/components";
+import Spinner from "./Spinner";
+
+export default function LoadingIndicator(props?: SpinnerProps) {
+  return (
+    <View style={{ justifyContent: "center", alignItems: "center" }}>
+      <Spinner {...props} />
+    </View>
+  );
+}

components/animations/Spinner.tsx

@@ -0,0 +1,9 @@
+import {
+  SpinnerProps,
+  Spinner as UIKittenSpinner,
+} from "@ui-kitten/components";
+import { disableAnimations } from "./launchArguments";
+
+export default function Spinner(props: SpinnerProps) {
+  return <UIKittenSpinner {...props} animating={!disableAnimations()} />;
+}

components/animations/launchArguments.ts

@@ -0,0 +1,9 @@
+import { LaunchArguments } from "react-native-launch-arguments";
+
+interface LaunchArgs {
+  disableAnimations?: boolean;
+}
+
+export function disableAnimations(): boolean {
+  return !!LaunchArguments.value<LaunchArgs>().disableAnimations;
+}

e2e/jest.config.ts

@@ -0,0 +1,14 @@
+import { Config } from "@jest/types";
+
+module.exports = {
+  preset: "ts-jest",
+  rootDir: "..",
+  testMatch: ["<rootDir>/e2e/**/*.test.ts"],
+  testTimeout: 120000,
+  maxWorkers: 1,
+  globalSetup: "detox/runners/jest/globalSetup",
+  globalTeardown: "detox/runners/jest/globalTeardown",
+  reporters: ["detox/runners/jest/reporter"],
+  testEnvironment: "detox/runners/jest/testEnvironment",
+  verbose: true,
+} satisfies Config.InitialOptions;

e2e/starter.test.ts

@@ -0,0 +1,18 @@
+import "detox";
+
+describe("Example", () => {
+  beforeAll(async () => {
+    await device.launchApp();
+  });
+
+  beforeEach(async () => {
+    await device.reloadReactNative();
+  });
+
+  it("open and leave demo server", async () => {
+    await element(by.id("useDemo")).tap();
+
+    await web.element(by.web.id("topNavigatonDropdown")).tap();
+    // await web.element(by.web.value("Change Server")).tap(); // TODO: use testID
+  });
+});