Merge branch 'master' into pr/26

Author: leifwells

package.json

@@ -9,6 +9,7 @@
     "ionic:build": "ionic-app-scripts build",
     "ionic:serve": "ionic-app-scripts serve",
     "test": "karma start ./test-config/karma.conf.js",
+    "test-ci": "karma start ./test-config/karma.conf.js --single-run",
     "e2e": "webdriver-manager update --standalone false --gecko false; protractor ./test-config/protractor.conf.js"
   },
   "dependencies": {

src/app/app.component.spec.ts

@@ -1,10 +1,11 @@
 import { async, TestBed } from '@angular/core/testing';
-import { IonicModule } from 'ionic-angular';
+import { IonicModule, Platform } from 'ionic-angular';
 
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 
 import { MyApp } from './app.component';
+import { PlatformMock } from '../../test-config/mocks-ionic';
 
 describe('MyApp Component', () => {
   let fixture;
@@ -18,7 +19,8 @@ describe('MyApp Component', () => {
       ],
       providers: [
         StatusBar,
-        SplashScreen
+        SplashScreen,
+        { provide: Platform, useClass: PlatformMock }
       ]
     })
   }));

src/pages/page1/page1.spec.ts

@@ -1,8 +1,9 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By }           from '@angular/platform-browser';
 import { DebugElement } from '@angular/core';
-import { Page1 } from "./page1";
-import { IonicModule, NavController } from "ionic-angular/index";
+import { Page1 } from './page1';
+import { IonicModule, Platform, NavController } from 'ionic-angular/index';
+import { PlatformMock } from '../../../test-config/mocks-ionic';
 
 describe('Page1', function() {
   let de: DebugElement;
@@ -16,7 +17,8 @@ describe('Page1', function() {
         IonicModule.forRoot(Page1)
       ],
       providers: [
-        NavController
+        NavController,
+        { provide: Platform, useClass: PlatformMock}
       ]
     });
   }));

test-config/mocks-ionic.ts

@@ -0,0 +1,64 @@
+export class PlatformMock {
+  public ready(): Promise<{String}> {
+    return new Promise((resolve) => {
+      resolve('READY');
+    });
+  }
+
+  public getQueryParam() {
+    return true;
+  }
+
+  public registerBackButtonAction(fn: Function, priority?: number): Function {
+    return (() => true);
+  }
+
+  public hasFocus(ele: HTMLElement): boolean {
+    return true;
+  }
+
+  public doc(): HTMLDocument {
+    return document;
+  }
+
+  public is(): boolean {
+    return true;
+  }
+
+  public getElementComputedStyle(container: any): any {
+    return {
+      paddingLeft: '10',
+      paddingTop: '10',
+      paddingRight: '10',
+      paddingBottom: '10',
+    };
+  }
+
+  public onResize(callback: any) {
+    return callback;
+  }
+
+  public registerListener(ele: any, eventName: string, callback: any): Function {
+    return (() => true);
+  }
+
+  public win(): Window {
+    return window;
+  }
+
+  public raf(callback: any): number {
+    return 1;
+  }
+
+  public timeout(callback: any, timer: number): any {
+    return setTimeout(callback, timer);
+  }
+
+  public cancelTimeout(id: any) {
+    // do nothing
+  }
+
+  public getActiveElement(): any {
+    return document['activeElement'];
+  }
+}

test-config/webpack.test.js

@@ -17,7 +17,7 @@ module.exports = {
       },
       {
         test: /\.html$/,
-        loader: 'html-loader'
+        loader: 'html-loader?attrs=false'
       },
       {
         test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
@@ -29,7 +29,7 @@ module.exports = {
   plugins: [
     new webpack.ContextReplacementPlugin(
       // The (\\|\/) piece accounts for path separators in *nix and Windows
-      /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
+      /(ionic-angular)|(angular(\\|\/)core(\\|\/)@angular)/,
       root('./src'), // location of your src
       {} // a map of your routes
     )