Run Detox Android on CircleCI (#465)

* Run Detox Android on CircleCI

* Add `0.68` to the matrix

* Remove unnecessary requires

* Use `android_emulator_start` command from `react-native` orb

* Use `android` orb instead

* List available SDKs

* Use `android/save-gradle-cache` and use the right system image

* Add `post-emulator-launch-assemble-command`

* Setup Detox for React Native 0.68

* Configure Blob

Author: charpeni

.circleci/config.yml

@@ -8,6 +8,7 @@ aliases:
 orbs:
   node: circleci/node@5.1.1
   browser-tools: circleci/browser-tools@1.4.6
+  android: circleci/android@2.3.0
 
 executors:
   node:
@@ -217,6 +218,36 @@ jobs:
           name: Run Detox on iOS
           command: yarn e2e:ios
       - save-cache-detox-app
+  test-android:
+    parameters:
+      react-native-version:
+        type: string
+    executor:
+      name: android/android-machine
+      resource-class: large
+      tag: 2023.11.1
+    working_directory: ~/react-native-url-polyfill/platforms/react-native/<< parameters.react-native-version >>
+    steps:
+      - attach-workspace
+      - install-node
+      - install-yarn-dependencies
+      - run:
+          name: List available SDKs
+          command: sdkmanager --list
+      - android/create-avd:
+          avd-name: TestingAVD
+          install: true
+          system-image: system-images;android-34;default;x86_64
+      - android/start-emulator:
+          avd-name: TestingAVD
+          no-window: true
+          post-emulator-launch-assemble-command: ''
+          restore-gradle-cache-prefix: v1a
+      - run:
+          name: Run Detox
+          command: yarn e2e:android
+      - android/save-gradle-cache:
+          cache-prefix: v1a
   test-hermes-android:
     parameters:
       react-native-version:
@@ -302,16 +333,10 @@ workflows:
           requires:
             - lint
             - test-js
-      - test-hermes-ios:
-          matrix:
-            parameters:
-              react-native-version: ['0.68']
-          requires:
-            - test-ios-<< matrix.react-native-version >>
-      - test-hermes-android:
+      - test-android:
           matrix:
             parameters:
-              react-native-version: ['0.68']
+              react-native-version: ['0.68', '0.72']
           requires:
             - lint
             - test-js
@@ -322,3 +347,15 @@ workflows:
       #     requires:
       #       - lint
       #       - test-js
+      - test-hermes-ios:
+          matrix:
+            parameters:
+              react-native-version: ['0.68']
+          requires:
+            - test-ios-<< matrix.react-native-version >>
+      - test-hermes-android:
+          matrix:
+            parameters:
+              react-native-version: ['0.68']
+          requires:
+            - test-android-<< matrix.react-native-version >>

platforms/detox/.detoxrc.js

@@ -52,7 +52,7 @@ module.exports = {
     emulator: {
       type: 'android.emulator',
       device: {
-        avdName: 'Pixel_3a_API_34_extension_level_7_arm64-v8a',
+        avdName: 'TestingAVD',
       },
     },
   },

platforms/react-native/0.68/android/app/build.gradle

@@ -170,6 +170,9 @@ android {
                 }
             }
         }
+
+        testBuildType System.getProperty('testBuildType', 'debug')
+        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
     }
 
     if (isNewArchitectureEnabled()) {
@@ -260,6 +263,9 @@ android {
 }
 
 dependencies {
+    androidTestImplementation('com.wix:detox:+')
+    implementation 'androidx.appcompat:appcompat:1.1.0'
+
     implementation fileTree(dir: "libs", include: ["*.jar"])
 
     //noinspection GradleDynamicVersion

platforms/react-native/0.68/android/app/src/androidTest/java/com/detox/DetoxTest.java

@@ -0,0 +1,29 @@
+package com.detox;
+
+import com.wix.detox.Detox;
+import com.wix.detox.config.DetoxConfig;
+
+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() {
+        DetoxConfig detoxConfig = new DetoxConfig();
+        detoxConfig.idlePolicyConfig.masterTimeoutSec = 90;
+        detoxConfig.idlePolicyConfig.idleResourceTimeoutSec = 60;
+        detoxConfig.rnContextLoadTimeoutSec = (BuildConfig.DEBUG ? 180 : 60);
+
+        Detox.runTests(mActivityRule, detoxConfig);
+    }
+}

platforms/react-native/0.68/android/app/src/debug/AndroidManifest.xml

@@ -9,5 +9,10 @@
         tools:targetApi="28"
         tools:ignore="GoogleAppIndexingWarning">
         <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false" />
+        <provider
+            android:name="com.facebook.react.modules.blob.BlobProvider"
+            android:authorities="@string/blob_provider_authority"
+            android:exported="false"
+        />
     </application>
 </manifest>

platforms/react-native/0.68/android/app/src/main/AndroidManifest.xml

@@ -9,7 +9,8 @@
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
-      android:theme="@style/AppTheme">
+      android:theme="@style/AppTheme"
+      android:networkSecurityConfig="@xml/network_security_config">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"
@@ -22,5 +23,10 @@
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
       </activity>
+      <provider
+          android:name="com.facebook.react.modules.blob.BlobProvider"
+          android:authorities="@string/blob_provider_authority"
+          android:exported="false"
+      />
     </application>
 </manifest>

platforms/react-native/0.68/android/app/src/main/res/values/strings.xml

@@ -1,3 +1,4 @@
 <resources>
     <string name="app_name">Detox</string>
+    <string name="blob_provider_authority">com.detox.blobs</string>
 </resources>

platforms/react-native/0.68/android/app/src/main/res/xml/network_security_config.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <domain-config cleartextTrafficPermitted="true">
+        <domain includeSubdomains="true">10.0.2.2</domain>
+        <domain includeSubdomains="true">localhost</domain>
+    </domain-config>
+</network-security-config>

platforms/react-native/0.68/android/build.gradle

@@ -4,6 +4,7 @@ import org.apache.tools.ant.taskdefs.condition.Os
 
 buildscript {
     ext {
+        kotlinVersion = '1.6.21'
         buildToolsVersion = "31.0.0"
         minSdkVersion = 21
         compileSdkVersion = 31
@@ -25,6 +26,7 @@ buildscript {
         classpath("com.android.tools.build:gradle:7.0.4")
         classpath("com.facebook.react:react-native-gradle-plugin")
         classpath("de.undercouch:gradle-download-task:4.1.2")
+        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
     }
@@ -47,6 +49,9 @@ allprojects {
                 excludeGroup "com.facebook.react"
             }
         }
+        maven {
+            url "$rootDir/../node_modules/detox/Detox-android"
+        }
         google()
         maven { url 'https://www.jitpack.io' }
     }

platforms/react-native/0.68/package.json

@@ -11,6 +11,9 @@
     "build:ios": "detox build --configuration ios.sim.release",
     "test:ios": "detox test --configuration ios.sim.release --cleanup",
     "e2e:ios": "yarn build:ios && yarn test:ios",
+    "build:android": "detox build --configuration android.emu.release",
+    "test:android": "detox test --configuration android.emu.release",
+    "e2e:android": "yarn build:android && yarn test:android",
     "postinstall": "patch-package"
   },
   "dependencies": {