Setup Detox

Author: jhen0409

__e2e__/TestApp/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "globals": {
+    "__DEV__": true
+  }
+}

__e2e__/TestApp/.gitignore

@@ -54,3 +54,6 @@ buck-out/
 
 # Bundle artifact
 *.jsbundle
+
+# Detox artifacts
+artifacts/

__e2e__/TestApp/App.js

@@ -7,29 +7,14 @@
  * @lint-ignore-every XPLATJSCOPYRIGHT1
  */
 
-import React, {Component} from 'react';
-import {Platform, StyleSheet, Text, View} from 'react-native';
+import React, { Component } from 'react';
+import { Platform, StyleSheet, Text, View } from 'react-native';
 
 const instructions = Platform.select({
-  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
-  android:
-    'Double tap R on your keyboard to reload,\n' +
-    'Shake or press menu button for dev menu',
+  ios: 'Press Cmd+R to reload,\nCmd+D or shake for dev menu',
+  android: 'Double tap R on your keyboard to reload,\nShake or press menu button for dev menu',
 });
 
-type Props = {};
-export default class App extends Component<Props> {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>Welcome to React Native!</Text>
-        <Text style={styles.instructions}>To get started, edit App.js</Text>
-        <Text style={styles.instructions}>{instructions}</Text>
-      </View>
-    );
-  }
-}
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -48,3 +33,16 @@ const styles = StyleSheet.create({
     marginBottom: 5,
   },
 });
+
+type Props = {};
+export default class App extends Component<Props> {
+  render() {
+    return (
+      <View testID="home" style={styles.container}>
+        <Text style={styles.welcome}>Welcome to React Native!</Text>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{instructions}</Text>
+      </View>
+    );
+  }
+}

__e2e__/TestApp/__e2e__/.eslintrc

@@ -0,0 +1,9 @@
+{
+  "globals": {
+    "device": true,
+    "element": true,
+    "waitFor": true,
+    "by": true,
+    "simctl": true
+  }
+}

__e2e__/TestApp/__e2e__/app.spec.js

@@ -0,0 +1,11 @@
+const delay = time => new Promise(resolve => setTimeout(resolve, time));
+
+describe('Main', () => {
+  beforeEach(async () => {
+    await device.reloadReactNative();
+    await delay(500);
+  });
+  it('should open the article', async () => {
+    await expect(element(by.id('home'))).toBeVisible();
+  });
+});

__e2e__/TestApp/__e2e__/config.json

@@ -0,0 +1,4 @@
+{
+  "setupTestFrameworkScriptFile": "./setup.js",
+  "testEnvironment": "node"
+}

__e2e__/TestApp/__e2e__/setup.js

@@ -0,0 +1,31 @@
+/* global jasmine device */
+
+import childProcess from 'child_process';
+import { promisify } from 'util';
+
+/* eslint-disable import/no-unresolved */
+const detox = require('detox');
+const adapter = require('detox/runners/jest/adapter');
+const { detox: config } = require('../package.json');
+
+const exec = promisify(childProcess.exec);
+
+global.simctl = {
+  pbcopy: (content, device = 'booted') => exec(`echo '${content}' | xcrun simctl pbcopy ${device}`),
+};
+
+jest.setTimeout(120000);
+jasmine.getEnv().addReporter(adapter);
+
+beforeAll(async () => {
+  await detox.init(config);
+});
+
+beforeEach(async () => {
+  await adapter.beforeEach();
+});
+
+afterAll(async () => {
+  await adapter.afterAll();
+  await detox.cleanup();
+});

__e2e__/TestApp/__tests__/App.js

@@ -103,6 +103,10 @@ android {
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
         versionName "1.0"
+        
+        testBuildType System.getProperty('testBuildType', 'debug')  //this will later be used to control the test apk build type
+        missingDimensionStrategy "minReactNative", "minReactNative46" //read note
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
     }
     splits {
         abi {
@@ -138,6 +142,11 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
     implementation "com.facebook.react:react-native:+"  // From node_modules
+
+    androidTestImplementation(project(path: ":detox"))
+    androidTestImplementation 'junit:junit:4.12'
+    androidTestImplementation 'com.android.support.test:runner:1.0.1'
+    androidTestImplementation 'com.android.support.test:rules:1.0.1'
 }
 
 // Run this once to be able to run the application with BUCK

__e2e__/TestApp/android/app/build.gradle

@@ -0,0 +1,24 @@
+package com.testapp;
+
+import android.support.test.filters.LargeTest;
+import android.support.test.rule.ActivityTestRule;
+import android.support.test.runner.AndroidJUnit4;
+
+import com.wix.detox.Detox;
+
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+@RunWith(AndroidJUnit4.class)
+@LargeTest
+public class DetoxTest {
+
+    @Rule
+    public ActivityTestRule<MainActivity> mActivityRule = new ActivityTestRule<>(MainActivity.class, false, false);
+
+    @Test
+    public void runDetoxTests() throws InterruptedException {
+        Detox.runTests(mActivityRule);
+    }
+}