test(bootstrap): update to use ionicBootstrap

src/components/button/test/basic/index.ts

@@ -1,15 +1,17 @@
-import {App, IonicApp} from '../../../../../src';
+import {Component} from '@angular/core';
+import {App, ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
-  constructor(app: IonicApp) {
-    app.setTitle('Basic Buttons');
+class E2EPage {
+  btnColor;
+  testingColors = ['primary', 'secondary', 'danger', 'dark'];
+  testingColorIndex = 0;
 
-    this.testingColors = ['primary', 'secondary', 'danger', 'dark'];
-    this.testingColorIndex = 0;
+  constructor(app: App) {
+    app.setTitle('Basic Buttons');
     this.chgColor();
   }
 
@@ -19,3 +21,5 @@ class E2EApp {
     this.testingColorIndex = (this.testingColorIndex >= this.testingColors.length - 1 ? 0 : this.testingColorIndex + 1);
   }
 }
+
+ionicBootstrap(E2EPage);

src/components/button/test/block/index.ts

@@ -1,13 +1,16 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   blockButton = true;
 
   toggleBlock() {
     this.blockButton = !this.blockButton;
   }
 }
+
+ionicBootstrap(E2EPage);

src/components/button/test/clear/index.ts

@@ -1,13 +1,16 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   clearButton = true;
 
   toggleClear() {
     this.clearButton = !this.clearButton;
   }
 }
+
+ionicBootstrap(E2EPage);

src/components/button/test/dynamic/index.ts

@@ -1,10 +1,11 @@
-import {App, IonicApp} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   isDestructive: boolean;
   isSecondary: boolean;
   isCustom: boolean;
@@ -50,3 +51,5 @@ class E2EApp {
 	  this.isClicked = !this.isClicked;
 	}
 }
+
+ionicBootstrap(E2EPage);

src/components/button/test/fab/index.ts

@@ -1,7 +1,10 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EPage {}
+
+ionicBootstrap(E2EPage);

src/components/button/test/full/index.ts

@@ -1,7 +1,10 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EPage {}
+
+ionicBootstrap(E2EPage);

src/components/button/test/icons/index.ts

@@ -1,7 +1,10 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EPage {}
+
+ionicBootstrap(E2EPage);

src/components/button/test/outline/index.ts

@@ -1,13 +1,16 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   outlineButton = true;
 
   toggleOutline() {
     this.outlineButton = !this.outlineButton;
   }
 }
+
+ionicBootstrap(E2EPage);

src/components/button/test/raised/index.ts

@@ -1,21 +1,10 @@
-import {App, IonicApp} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
-  constructor(app: IonicApp) {
-    app.setTitle('Basic Buttons');
+class E2EPage {}
 
-    this.testingColors = ['primary', 'secondary', 'danger', 'dark'];
-    this.testingColorIndex = 0;
-    this.chgColor();
-  }
-
-  chgColor() {
-    this.btnColor = this.testingColors[this.testingColorIndex];
-    console.log('dynamic btnColor', this.btnColor);
-    this.testingColorIndex = (this.testingColorIndex >= this.testingColors.length - 1 ? 0 : this.testingColorIndex + 1);
-  }
-}
+ionicBootstrap(E2EPage);

src/components/button/test/round/index.ts

@@ -1,7 +1,10 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
 class E2EApp {}
+
+ionicBootstrap(E2EApp);

src/components/button/test/sizes/index.ts

@@ -1,7 +1,10 @@
-import {App} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EPage {}
+
+ionicBootstrap(E2EPage);