appium setup + android test

Author: Krzysztof Borowy

example/App.tsx

@@ -71,7 +71,7 @@ export default function App(): JSX.Element {
       <View style={styles.testPickerContainer}>{navigationBar}</View>
 
       <View
-        testID={`${currentTest.testId}-view`}
+        accessibilityLabel={`${currentTest.testId}-view`}
         key={currentTest.title + iteration}
         style={styles.exampleContainer}
       >

example/__tests__/asyncstorage.e2e.ts

@@ -0,0 +1,33 @@
+import { commands as cmd } from './commands';
+import testCases from '../examples/tests';
+
+describe('Async Storage', () => {
+  describe('functional tests', () => {
+    it('should be visible', async () => {
+      const el = await cmd.elementByLabel('functional-view');
+      await expect(await el.isExisting()).toEqual(true);
+    });
+
+    const testNames = Object.keys(testCases);
+    for (const name of testNames) {
+      it(`${name}`, async () => {
+        const el = await cmd.elementByLabel(`test:${name}`);
+        await expect(await el.getText()).toEqual('Pass');
+      });
+    }
+
+    // Re-run tests with native delegate set
+    for (const currentName of testNames) {
+      const name = currentName + ' with delegate';
+      it(`${name}`, async () => {
+        const el = await cmd.elementByLabel(`test:${name}`);
+        const label = await el.getText();
+        if (label === 'Skip') {
+          return;
+        }
+
+        expect(label).toEqual('Pass');
+      });
+    }
+  });
+});

example/__tests__/asyncstorage.spec.ts

@@ -0,0 +1,12 @@
+import { e2e } from '../jest.setup';
+
+const testAppId = 'com.microsoft.reacttestapp';
+
+export const commands = {
+  restartApp: async () => {
+    await e2e.terminateApp(testAppId);
+    await e2e.activateApp(testAppId);
+  },
+  elementByLabel: async (id: string) => await e2e.$(`~${id}`),
+  elementByLabelBy: async (id: string) => await e2e.$(`aria/${id}`),
+};

example/__tests__/commands.ts

@@ -141,11 +141,7 @@ function Functional(): JSX.Element {
             return (
               <View key={name} style={styles.passed}>
                 <Text style={styles.testLabel}>{name}</Text>
-                <Text
-                  accessibilityLabel="Pass"
-                  testID={testID}
-                  style={styles.testResult}
-                >
+                <Text accessibilityLabel={testID} style={styles.testResult}>
                   Pass
                 </Text>
               </View>
@@ -156,11 +152,7 @@ function Functional(): JSX.Element {
             return (
               <View key={name} style={styles.skipped}>
                 <Text style={styles.testLabel}>{name}</Text>
-                <Text
-                  accessibilityLabel="Skip"
-                  testID={testID}
-                  style={styles.testResult}
-                >
+                <Text accessibilityLabel={testID} style={styles.testResult}>
                   Skip
                 </Text>
               </View>
@@ -170,7 +162,7 @@ function Functional(): JSX.Element {
           return (
             <View key={name} style={styles.failed}>
               <Text style={styles.testLabel}>{name}</Text>
-              <View accessibilityLabel="Fail" testID={testID}>
+              <View accessibilityLabelledBy="Fail" accessibilityLabel={testID}>
                 <Text style={styles.testResult}>{`Step: ${
                   result.step + 1
                 }`}</Text>

example/examples/Functional.tsx

@@ -7,7 +7,7 @@ const config: JestConfig = {
   bail: 0,
   rootDir: '..',
   setupFilesAfterEnv: ['./example/jest.setup.ts'],
-  testMatch: ['**/?(*.)e2e.ts(x)?'],
+  testMatch: ['**/?(*.)spec.ts(x)?'],
   moduleNameMapper: {
     '^uuid$': '<rootDir>/node_modules/uuid/wrapper.mjs',
   },