chore: 2.0.2

Author: NathanWalker

app/app.css

@@ -1,11 +1,10 @@
 .landingContainer {
-    background-color: #65ADF1;
+    background-color: white;
 }
 
 .landingBackground {
     horizontal-align: center;
     vertical-align: top;
-    opacity: 0.3;
 }
 
 .landingText {
@@ -22,6 +21,7 @@
 .statusBar {
     background-color: #65ADF1;
     color: white;
+    padding: 10;
 }
 
 .statusText {
@@ -69,5 +69,13 @@
 
 .failedTestDetails {
     font-size: 10;
+    color: black;
 }
 
+.btn-primary {
+  background-color: #65ADF1;
+  padding: 8 5 8 5;
+  width: 250;
+  color: white;
+  border-radius: 6;
+}

app/bundle-main-page.xml

@@ -1,7 +1,7 @@
 <Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
-    <GridLayout cssClass="landingContainer">
-        <Image src="{{ imageSrc }}" stretch="none" cssClass="landingBackground"/>
+    <GridLayout class="landingContainer">
+        <Image src="{{ imageSrc }}" stretch="aspectFit" class="landingBackground" width="150"/>
 
-        <Label text="{{ serverInfo }}" cssClass="landingText"/>
+        <Label text="{{ serverInfo }}" class="landingText"/>
     </GridLayout>
 </Page>

app/main-page.xml

@@ -1,6 +1,6 @@
 <Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
-    <GridLayout cssClass="landingContainer">
-        <Image src="{{ imageSrc }}" stretch="none" class="landingBackground"/>
+    <GridLayout class="landingContainer">
+        <Image src="{{ imageSrc }}" stretch="aspectFit" class="landingBackground" width="150"/>
 
         <Label text="{{ serverInfo }}" class="landingText"/>
     </GridLayout>

app/main-view-model.ts

@@ -202,7 +202,7 @@ export class TestBrokerViewModel extends Observable {
             }
         };
 
-        this.updateView({ serverInfo: `connecting to ${this.baseUrl}`});
+        this.updateView({ serverInfo: `connected to ${this.baseUrl}`});
         let io = require('../socket.io');
         const socket = this.socket = io.connect(this.baseUrl, { forceBase64: true });
 

app/run-details.xml

@@ -1,18 +1,18 @@
 <Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
     <ListView items="{{ testResults }}">
         <ListView.itemTemplate>
-            <StackLayout cssClass="{{ success, success ? 'passedTest' : 'failedTest' }} ">
+            <StackLayout class="{{ success, success ? 'passedTest' : 'failedTest' }} " padding="10">
                 <Label
                     text="{{ description }}"
-                    cssClass="{{ success, success ? 'passedTestTitle' : 'failedTestTitle' }}"/>
+                    class="{{ success, success ? 'passedTestTitle' : 'failedTestTitle' }}"/>
                 <Label
                     text="{{ time, 'time: ' + time + 'ms' }}"
-                    cssClass="{{ success, success ? 'passedTestDetails' : 'failedTestDetails' }}"/>
+                    class="{{ success, success ? 'passedTestDetails' : 'failedTestDetails' }}"/>
                 <TextView
                     text="{{ log }}"
                     visibility="{{ success, success ? 'collapsed' : 'visible' }}"
                     editable="false"
-                    cssClass="failedTestDetails"/>
+                    class="failedTestDetails"/>
             </StackLayout>
         </ListView.itemTemplate>
     </ListView>

app/test-run-page.xml

@@ -16,7 +16,7 @@
             </StackLayout>
         </StackLayout>
 
-        <Button text="View Test Run Details" tap="{{ viewTestRunDetails }}" row="3"/>
+        <Button text="View Test Run Details" tap="{{ viewTestRunDetails }}" row="3" class="btn-primary" marginBottom="20"/>
 
         <GridLayout row="4" class="statusBar">
             <Label text="{{ serverInfo }}" class="statusText"/>

loaders/unit-test-loader.js

@@ -13,17 +13,24 @@ module.exports = function unitTestLoader(source, map) {
   const ext = extname(testPathRelativeToAppPath);
   const loadPath = testPathRelativeToAppPath.replace(ext, "").replace(sep, '/'); // use forward slash always
 
-  source = `
-    // UNIT-TEST-LOADER START
-    try {
-      console.log('Loading test: ${loadPath}');
-      global.loadModule('${loadPath}');
-    } catch(err) {
-      console.log('Failed to load test ${loadPath}.', err)
-      throw new Error('Failed to load test ${loadPath}.');
+  if (loadPath) {
+    const platformExt = loadPath.split('.').slice(-1)[0];
+    if (['ios', 'android'].includes(platformExt) && opts.platform !== platformExt) {
+      source = '';
+    } else {
+      source = `
+        // UNIT-TEST-LOADER START
+        try {
+          console.log('Loading test: ${loadPath}');
+          global.loadModule('${loadPath}');
+        } catch(err) {
+          console.log('Failed to load test ${loadPath}.', err)
+          throw new Error('Failed to load test ${loadPath}.');
+        }
+        // UNIT-TEST-LOADER END
+      `;
     }
-    // UNIT-TEST-LOADER END
-  `;
+  }
 
   this.callback(null, source, map);
 };

nativescript.webpack.js

@@ -68,6 +68,7 @@ function setupKarmaBuild(config, env, webpack) {
     .loader(join(__dirname, 'loaders', 'unit-test-loader'))
     .options({
       appPath: webpack.Utils.platform.getEntryDirPath(),
+      platform: webpack.Utils.platform.getPlatformName() 
     });
 }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativescript/unit-test-runner",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "NativeScript unit test runner component.",
   "main": "app.js",
   "scripts": {