[Tests] Update project template for tests (#1773)

Author: andreidubov

test/template/android/app/src/main/java/com/microsoft/codepush/test/MainActivity.java

@@ -0,0 +1,80 @@
+package com.testcodepush;
+
+import android.app.Application;
+import com.microsoft.codepush.react.CodePush;
+import android.content.Context;
+import com.facebook.react.PackageList;
+import com.facebook.react.ReactApplication;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.soloader.SoLoader;
+import java.lang.reflect.InvocationTargetException;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost =
+      new ReactNativeHost(this) {
+        @Override
+        public boolean getUseDeveloperSupport() {
+          return BuildConfig.DEBUG;
+        }
+
+        @Override
+        protected String getJSBundleFile() {
+            return CodePush.getJSBundleFile();
+        }
+
+        @Override
+        protected List<ReactPackage> getPackages() {
+          @SuppressWarnings("UnnecessaryLocalVariable")
+          List<ReactPackage> packages = new PackageList(this).getPackages();
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // packages.add(new MyReactNativePackage());
+          return packages;
+        }
+
+        @Override
+        protected String getJSMainModuleName() {
+          return "index";
+        }
+      };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
+    initializeFlipper(this); // Remove this line if you don't want Flipper enabled
+  }
+
+  /**
+   * Loads Flipper in React Native templates.
+   *
+   * @param context
+   */
+  private static void initializeFlipper(Context context) {
+    if (BuildConfig.DEBUG) {
+      try {
+        /*
+         We use reflection here to pick up the class that initializes Flipper,
+        since Flipper library is not available in release mode
+        */
+        Class<?> aClass = Class.forName("com.facebook.flipper.ReactNativeFlipper");
+        aClass.getMethod("initializeFlipper", Context.class).invoke(null, context);
+      } catch (ClassNotFoundException e) {
+        e.printStackTrace();
+      } catch (NoSuchMethodException e) {
+        e.printStackTrace();
+      } catch (IllegalAccessException e) {
+        e.printStackTrace();
+      } catch (InvocationTargetException e) {
+        e.printStackTrace();
+      }
+    }
+  }
+}

test/template/android/app/src/main/java/com/testcodepush/MainApplication.java

@@ -0,0 +1,5 @@
+<resources>
+    <string name="app_name">TestCodePush</string>
+    <string moduleConfig="true" name="CodePushDeploymentKey">CODE_PUSH_ANDROID_DEPLOYMENT_KEY</string>
+    <string moduleConfig="true" name="CodePushServerUrl">CODE_PUSH_SERVER_URL</string>
+</resources>

test/template/android/app/src/main/res/values/strings.xml

@@ -3,14 +3,14 @@
  */
 
 import React, {
-  Component
+    Component
 } from 'react';
 
 import {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View
 } from 'react-native';
 
 import CodePush from "react-native-code-push";
@@ -20,9 +20,12 @@ var testScenario = require("./CODE_PUSH_INDEX_JS_PATH");
 /** A promise that maintains synchronous sending of the test messages. */
 var testMessageQueue;
 
-var CODE_PUSH_TEST_APP_NAME = React.createClass({
+class CODE_PUSH_TEST_APP_NAME extends Component {
     // CodePush API Callbacks
-    
+    constructor() {
+        super();
+        this.state = { message: '' };
+    }
     // checkForUpdate
     checkUpdateSuccess(remotePackage) {
         if (remotePackage) {
@@ -34,42 +37,42 @@ var CODE_PUSH_TEST_APP_NAME = React.createClass({
         } else {
             return this.setStateAndSendMessage("The application is up to date.", "CHECK_UP_TO_DATE");
         }
-    },
+    }
     checkUpdateError(error) {
         return this.setStateAndSendMessage("An error occured while checking for updates:\n" + error, "CHECK_ERROR");
-    },
-    
+    }
+
     // remotePackage.download
     downloadSuccess(localPackage) {
         return this.setStateAndSendMessage("Download succeeded.", "DOWNLOAD_SUCCEEDED", [localPackage]);
-    },
+    }
     downloadError(error) {
         return this.setStateAndSendMessage("Download error:\n" + error, "DOWNLOAD_ERROR");
-    },
-    
+    }
+
     // localPackage.install
     installSuccess() {
         return this.setStateAndSendMessage("Update installed.", "UPDATE_INSTALLED");
-    },
+    }
     installError() {
         return this.setStateAndSendMessage("Install error.", "INSTALL_ERROR");
-    },
-    
+    }
+
     // sync
     onSyncStatus(status) {
         return this.setStateAndSendMessage("Sync status " + status + " received.", "SYNC_STATUS", [status]);
-    },
+    }
     onSyncError(error) {
         return this.setStateAndSendMessage("Sync error " + error + " received.", "SYNC_STATUS", [CodePush.SyncStatus.UNKNOWN_ERROR]);
-    },
-    
-    
+    }
+
+
     // Test Output Methods
-    
+
     readyAfterUpdate(callback) {
         return this.setStateAndSendMessage("Ready after update.", "DEVICE_READY_AFTER_UPDATE", undefined, callback);
-    },
-    
+    }
+
     sendCurrentAndPendingPackage() {
         return CodePush.getUpdateMetadata(CodePush.UpdateState.PENDING)
             .then((pendingPackage) => {
@@ -79,69 +82,69 @@ var CODE_PUSH_TEST_APP_NAME = React.createClass({
             .then((currentPackage) => {
                 return this.setStateAndSendMessage("Current package: " + currentPackage, "CURRENT_PACKAGE", [currentPackage ? currentPackage.packageHash : null]);
             });
-    },
-    
+    }
+
     setStateAndSendMessage(message, testMessage, args, callback) {
         this.setState({
             message: this.state.message + "\n...\n" + message
         });
         return this.sendTestMessage(testMessage, args, callback);
-    },
-    
+    }
+
     sendTestMessage(message, args, callback) {
         function makeNetworkCall() {
-            return new Promise(function(resolve, reject) {
+            return new Promise(function (resolve, reject) {
                 var xhr = new XMLHttpRequest();
-        
+
                 xhr.onreadystatechange = function () {
                     if (xhr.readyState == 4 && xhr.status == 200) {
                         callback && callback(xhr.response);
                         resolve();
                     }
                 };
-                
+
                 xhr.open("POST", "CODE_PUSH_SERVER_URL/reportTestMessage", true);
-                var body = JSON.stringify({ message: message, args: args});
+                var body = JSON.stringify({ message: message, args: args });
                 console.log("Sending test message body: " + body);
 
                 xhr.setRequestHeader("Content-type", "application/json");
-                
+
                 xhr.send(body);
             });
         }
-        
+
         if (!testMessageQueue) testMessageQueue = makeNetworkCall();
         else testMessageQueue = testMessageQueue.then(makeNetworkCall);
-        
+
         return testMessageQueue;
-    },
-    
-    
+    }
+
+
     // Test Setup Methods
-    
+
     componentDidMount() {
         testScenario.startTest(this);
-    },
-    
+    }
+
     getInitialState() {
         return {
             message: ""
         };
-    },
+    }
 
     render() {
         return (
-        <View style={styles.container}>
-            <Text style={styles.welcome}>
-            CodePush React-Native Plugin Tests
-            </Text>
-            <Text style={styles.instructions}>
-            {testScenario.getScenarioName()}{this.state.message}
+            <View style={styles.container}>
+                <Text style={styles.welcome}>
+                    CodePush React-Native Plugin Tests
             </Text>
-        </View>
+                <Text style={styles.instructions}>
+                    {testScenario.getScenarioName()}{this.state.message}
+                </Text>
+            </View>
         );
     }
-});
+};
 
 const styles = StyleSheet.create({
     container: {

test/template/index.js

@@ -1,32 +1,34 @@
 #import "AppDelegate.h"
 
-#import "RCTRootView.h"
+#import <CodePush/CodePush.h>
 
-#import "CodePush.h"
-
-#import "RCTLog.h"
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
 
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
-  RCTSetLogThreshold(RCTLogLevelInfo);
-
-  NSURL *jsCodeLocation;
 
-  jsCodeLocation = [CodePush bundleURL];
+  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
+                                                   moduleName:@"CODE_PUSH_TEST_APP_NAME"
+                                            initialProperties:nil];
 
-  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
-                                                      moduleName:@"CODE_PUSH_TEST_APP_NAME"
-                                               initialProperties:nil
-                                                   launchOptions:launchOptions];
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
 
   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
-  UIViewController *rootViewController = [[UIViewController alloc] init];
+  UIViewController *rootViewController = [UIViewController new];
   rootViewController.view = rootView;
   self.window.rootViewController = rootViewController;
   [self.window makeKeyAndVisible];
   return YES;
 }
 
+ - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+ {
+    return [CodePush bundleURL];
+ }
+
 @end