Fix JS test workflow (#143)

* import correct App module

* update jest related dependencies, mock async storage and static files

* enable app rendering CI

* run app rendering step before building APK

* ignore scripts in CI to prevent Snyk from applying patches

* call jest.useFakeTimers() to mock setTimeout

* do not ignore npm scripts after installing

.github/workflows/android.yml

@@ -39,13 +39,16 @@ jobs:
           java-package: jdk
       - name: Install Android SDK
         run: sh ci/install-android-sdk.sh
+      - name: Ignore snyk protect script that would take too long
+        run: npm config set ignore-scripts true
       - name: Install dependencies
         uses: bahmutov/npm-install@v1
+      - name: No longer ignore npm scripts
+        run: npm config set ignore-scripts false
+      - name: Run tests
+        run: npm run test
       - name: Build APK
         run: npm run android:build-apk
-      # Tests currently disabled because of broken test setup
-      # - name: Run tests
-      #   run: npm run test
       - name: Archive APK
         uses: actions/upload-artifact@v1
         with:

__tests__/App-test.tsx

@@ -4,7 +4,7 @@
 
 import 'react-native';
 import React from 'react';
-import App from '../App';
+import App from '../App/App';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';

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

@@ -4,6 +4,7 @@
 import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
+import com.reactnativecommunity.asyncstorage.AsyncStoragePackage;
 import com.horcrux.svg.SvgPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'ReactNativeApp'
+include ':@react-native-community_async-storage'
+project(':@react-native-community_async-storage').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/async-storage/android')
 include ':react-native-svg'
 project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
 

ios/Podfile

@@ -56,6 +56,8 @@ target 'ReactNativeApp' do
 
   pod 'RNSVG', :path => '../node_modules/react-native-svg'
 
+  pod 'RNCAsyncStorage', :path => '../node_modules/@react-native-community/async-storage'
+
   target 'ReactNativeAppTests' do
     inherit! :complete
     # Pods for testing

jestSetup.js

@@ -0,0 +1,6 @@
+/* eslint-disable no-undef */
+
+import mockAsyncStorage from '@react-native-community/async-storage/jest/async-storage-mock';
+
+jest.mock('@react-native-community/async-storage', () => mockAsyncStorage);
+jest.useFakeTimers();