test(all): fix all e2e tests to include an ion-nav

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -22,4 +22,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -13,4 +13,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -13,4 +13,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -52,4 +52,11 @@ class E2EPage {
 	}
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/button/test/fab/main.html

@@ -1,4 +1,4 @@
-
+<ion-content>
   <button fab fab-left fab-top>
     <ion-icon name="add"></ion-icon>
   </button>
@@ -22,3 +22,4 @@
   <button fab fab-right fab-bottom dark>
     <ion-icon name="add"></ion-icon>
   </button>
+</ion-content>

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -13,4 +13,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -5,6 +5,13 @@ import {ionicBootstrap} from '../../../../../src';
 @Component({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EPage {}
+
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
 
 ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/card/test/advanced/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/card/test/images/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/card/test/list/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/card/test/map/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/card/test/social/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -53,4 +53,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/chip/test/delete/index.ts

@@ -13,4 +13,11 @@ class E2EPage {
 
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/chip/test/icon/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/chip/test/image/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/grid/test/alignment/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -31,4 +31,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/infinite-scroll/test/short-list/index.ts

@@ -33,7 +33,14 @@ class E2EPage {
 
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);
 
 function getAsyncData(): Promise<number[]> {
   // async return mock data

src/components/input/test/clear-input/index.ts

@@ -9,4 +9,11 @@ class E2EPage {
   myValue = 'value';
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/input/test/floating-labels/index.ts

@@ -14,4 +14,11 @@ class E2EPage {
   };
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/input/test/inline-labels/index.ts

@@ -12,4 +12,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/input/test/input-focus/index.ts

@@ -33,4 +33,11 @@ document.addEventListener('focusout', (ev: any) => {
   console.log(`FOCUS OUT, ${ev.target.localName}.${ev.target.className}, time: ${Date.now()}`);
 });
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/input/test/inset-inputs/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/input/test/placeholder-labels/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/item/test/buttons/index.ts

@@ -11,4 +11,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/item/test/dividers/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/item/test/images/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/item/test/media/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/item/test/text/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/list/test/headers/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/list/test/inset/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/list/test/no-lines/index.ts

@@ -7,4 +7,11 @@ import {ionicBootstrap} from '../../../../../src';
 })
 class E2EPage {}
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/list/test/repeat-headers/index.ts

@@ -13,4 +13,11 @@ class E2EPage {
   ];
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/list/test/sticky/index.ts

@@ -28,4 +28,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

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

@@ -85,4 +85,11 @@ class E2EPage {
   }
 }
 
-ionicBootstrap(E2EPage);
+@Component({
+  template: '<ion-nav [root]="rootPage"></ion-nav>'
+})
+class E2EApp {
+  rootPage = E2EPage;
+}
+
+ionicBootstrap(E2EApp);