test(bootstrap): update to use ionicBootstrap

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

@@ -1,12 +1,12 @@
-import {ViewChild} from '@angular/core';
+import {Component, ViewChild} from '@angular/core';
 import {Http} from '@angular/http';
-import {App, Slides} from '../../../../../src';
+import {ionicBootstrap, Slides} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
-class MyApp {
+class E2EApp {
   mySlideOptions: any;
   images: string[] = [];
   @ViewChild(Slides) slider: Slides;
@@ -42,3 +42,5 @@ class MyApp {
   }
 
 }
+
+ionicBootstrap(E2EApp);

src/components/slides/test/controller/index.ts

@@ -1,8 +1,8 @@
-import {ViewChild} from '@angular/core';
-import {App, Page, Slides} from '../../../../../src';
+import {Component, ViewChild} from '@angular/core';
+import {ionicBootstrap, Slides} from '../../../../../src';
 
 
-@App({
+@Component({
   templateUrl: 'main.html'
 })
 class MyPage {
@@ -12,10 +12,6 @@ class MyPage {
     loop: false
   };
 
-  ngAfterViewInit() {
-
-  }
-
   onSlideChanged() {
     let previousIndex = this.slider.getPreviousIndex();
     let currentIndex = this.slider.getActiveIndex();
@@ -45,9 +41,12 @@ class MyPage {
   }
 }
 
-@App({
+
+@Component({
   template: `<ion-nav [root]="root"></ion-nav>`
 })
 class E2EApp {
   root: any = MyPage;
 }
+
+ionicBootstrap(E2EApp);

src/components/slides/test/intro/index.ts

@@ -1,18 +1,8 @@
-import {App, Page, NavController} from '../../../../../src';
+import {Component} from '@angular/core';
+import {ionicBootstrap, NavController} from '../../../../../src';
 
 
-@App({
-  template: '<ion-nav [root]="rootPage"></ion-nav>'
-})
-class MyApp {
-  rootPage;
-
-  constructor() {
-    this.rootPage = IntroPage;
-  }
-}
-
-@Page({
+@Component({
   templateUrl: 'main.html'
 })
 class IntroPage {
@@ -47,7 +37,7 @@ class IntroPage {
   }
 }
 
-@Page({
+@Component({
   template: `
   <ion-navbar *navbar>
     <ion-title>Slides</ion-title>
@@ -59,6 +49,14 @@ class IntroPage {
 
   `
 })
-class MainPage {
+class MainPage {}
 
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = IntroPage;
 }
+
+ionicBootstrap(E2EApp);

src/components/slides/test/loop/index.ts

@@ -1,10 +1,11 @@
-import {ViewChild} from '@angular/core';
-import {App, Slides} from '../../../../../src';
+import {Component, ViewChild} from '@angular/core';
+import {ionicBootstrap, Slides} from '../../../../../src';
 
-@App({
+
+@Component({
   templateUrl: 'main.html'
 })
-class MyApp {
+class E2EApp {
   slides: any[];
   @ViewChild('loopSlider') loopSlider: Slides;
   startingIndex: number;
@@ -42,3 +43,5 @@ class MyApp {
   }
 
 }
+
+ionicBootstrap(E2EApp);

src/components/slides/test/scroll/index.ts

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