Merge pull request #29 from driftyco/chore/fixes-after-merges

Chore/fixes after merges

Author: leifwells

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'];
+  }
+}