Merge pull request #6 from DanielSanudo/detox_tests

Detox tests added

Author: DanielSanudo

.eslintrc

@@ -1,3 +1,14 @@
 {
-  "extends": "@react-native-community"
+  "extends": "@react-native-community",
+  "globals": {
+    "expect": true,
+    "element": true,
+    "by": true,
+    "device": true,
+    "beforeAll": true,
+    "beforeEach": true,
+    "afterAll": true,
+    "jest": true,
+    "jasmine": true
+  }
 }

CHANGELOG.md

@@ -2,10 +2,12 @@
 
 ###
 
+- [#6] Detox tests added
 - [#5] Adjust CHANGELOG.md to have links at bottom of markdown
 - [#4] Fixing iOS React import and cleaning iOS example project
 - [#3] Using @react-native-community/eslint-config
 
 [#3]: https://github.com/react-native-community/react-native-datetimepicker/pull/3
 [#4]: https://github.com/react-native-community/react-native-datetimepicker/pull/4
-[#4]: https://github.com/react-native-community/react-native-datetimepicker/pull/5
+[#5]: https://github.com/react-native-community/react-native-datetimepicker/pull/5
+[#6]: https://github.com/react-native-community/react-native-datetimepicker/pull/6

example/.buckconfig

@@ -1,11 +1,12 @@
 import React, {Component} from 'react';
 import {StyleSheet, View, Text, Button, Platform} from 'react-native';
+import moment from 'moment';
 import DateTimePicker from 'react-native-datetimepicker';
 
 type Props = {};
 export default class App extends Component<Props> {
   state = {
-    date: new Date('2020-06-12T14:42:42'),
+    date: new Date(1598051730000),
     mode: 'date',
     show: false,
   }
@@ -38,17 +39,23 @@ export default class App extends Component<Props> {
     const { show, date, mode } = this.state;
 
     return (
-      <View style={styles.container}>
+      <View testID="appRootView" style={styles.container}>
         <View style={styles.header}>
           <Text style={styles.text}>Example DateTime Picker</Text>
         </View>
         <View style={styles.button}>
-          <Button onPress={this.datepicker} title="Show date picker!" />
+          <Button testID="datePickerButton" onPress={this.datepicker} title="Show date picker!" />
         </View>
         <View style={styles.button}>
-          <Button onPress={this.timepicker} title="Show time picker!" />
+          <Button testID="timePickerButton" onPress={this.timepicker} title="Show time picker!" />
         </View>
-        { show && <DateTimePicker value={date} mode={mode} is24Hour={true} display="default" onChange={this.setDate} /> }
+        <View style={styles.header}>
+          <Text testID="dateTimeText" style={styles.dateTimeText}>
+            { mode === 'time' && moment.utc(date).format('HH:mm') }
+            { mode === 'date' && moment.utc(date).format('MM/DD/YYYY') }
+          </Text>
+        </View>
+        { show && <DateTimePicker testID="dateTimePicker" timeZoneOffsetInMinutes={0} value={date} mode={mode} is24Hour={true} display="default" onChange={this.setDate} /> }
       </View>
     );
   }
@@ -72,4 +79,8 @@ const styles = StyleSheet.create({
     fontSize: 20,
     fontWeight: 'bold',
   },
+  dateTimeText: {
+    fontSize: 16,
+    fontWeight: 'normal',
+  },
 });

example/.flowconfig

@@ -73,10 +73,11 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
-    entryFile: "index.js"
+    entryFile: "example/index.js",
+    root: "../../../"
 ]
 
-apply from: "../../node_modules/react-native/react.gradle"
+apply from: "../../../node_modules/react-native/react.gradle"
 
 /**
  * Set this to true to create two separate APKs instead of one:
@@ -95,7 +96,7 @@ def enableProguardInReleaseBuilds = false
 
 android {
     compileSdkVersion rootProject.ext.compileSdkVersion
-
+    
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
         targetCompatibility JavaVersion.VERSION_1_8
@@ -107,6 +108,18 @@ 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
+        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
+    }
+     signingConfigs {
+        release {
+            if (project.hasProperty('EXAMPLE_APP_STORE_FILE')) {
+                storeFile file(EXAMPLE_APP_STORE_FILE)
+                storePassword EXAMPLE_APP_STORE_PASSWORD
+                keyAlias EXAMPLE_APP_KEY_ALIAS
+                keyPassword EXAMPLE_APP_KEY_PASSWORD
+            }
+        }
     }
     splits {
         abi {
@@ -118,6 +131,7 @@ android {
     }
     buildTypes {
         release {
+            signingConfig signingConfigs.release
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
         }
@@ -142,6 +156,8 @@ 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('com.wix:detox:+') { transitive = true }
+    androidTestImplementation 'junit:junit:4.12'
 }
 
 // Run this once to be able to run the application with BUCK

example/.watchmanconfig

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

example/App.js

@@ -31,7 +31,7 @@ protected List<ReactPackage> getPackages() {
 
     @Override
     protected String getJSMainModuleName() {
-      return "index";
+      return "example/index";
     }
   };
 

example/android/app/build.gradle

@@ -2,10 +2,11 @@
 
 buildscript {
     ext {
+        kotlinVersion = "1.3.0"
         buildToolsVersion = "28.0.3"
-        minSdkVersion = 16
+        minSdkVersion = 18
         compileSdkVersion = 28
-        targetSdkVersion = 28
+        targetSdkVersion = 27
         supportLibVersion = "28.0.0"
     }
     repositories {
@@ -14,6 +15,7 @@ buildscript {
     }
     dependencies {
         classpath 'com.android.tools.build:gradle:3.3.1'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion"
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
@@ -26,9 +28,9 @@ allprojects {
         doLast {
             configurations.findAll().each { config ->
                 if (config.name.contains("minReactNative") && config.canBeResolved) {
-                print config.name
-                print '\n'
-                config.files
+                    print config.name
+                    print '\n'
+                    config.files
                 }
             }
         }
@@ -40,7 +42,10 @@ allprojects {
         jcenter()
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url "$rootDir/../node_modules/react-native/android"
+            url "$rootDir/../../node_modules/react-native/android"
+        }
+        maven {
+            url "$rootDir/../../node_modules/detox/Detox-android"
         }
     }
 }

example/android/app/src/androidTest/java/com/example/DetoxTest.java

@@ -18,3 +18,8 @@
 # org.gradle.parallel=true
 android.useAndroidX=true
 android.enableJetifier=true
+
+EXAMPLE_APP_STORE_FILE=release.keystore
+EXAMPLE_APP_KEY_ALIAS=androiddebugkey
+EXAMPLE_APP_STORE_PASSWORD=android
+EXAMPLE_APP_KEY_PASSWORD=android

example/android/app/src/main/java/com/example/MainApplication.java

@@ -0,0 +1,6 @@
+{
+    "setupFilesAfterEnv": ["./init.js"],
+    "testEnvironment": "node",
+    "reporters": ["detox/runners/jest/streamlineReporter"],
+    "verbose": true
+}