test(e2e): tabs/colors

src/components/tabs/test/basic/components/modal/modal.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { App, AlertController, ViewController } from '../../../../../..';
+import { App, ViewController } from '../../../../../..';
 
 @Component({
   template: `

src/components/tabs/test/colors/app.module.ts

@@ -1,52 +0,0 @@
-import { Component, ViewEncapsulation, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { IonicApp, IonicModule } from '../../../..';
-
-
-@Component({template: 'hi'})
-export class E2EPage {}
-
-
-@Component({
-  templateUrl: 'main.html',
-  encapsulation: ViewEncapsulation.None,
-  styles: [
-    `
-      ion-tabs {
-        margin-bottom: 20px;
-        contain: none;
-      }
-    `,
-
-    `
-      ion-tabs,
-      ion-tabs ion-tabbar {
-        position: relative;
-        top: auto;
-        height: auto;
-        visibility: visible;
-        opacity: 1;
-      }
-    `
-  ]
-})
-export class E2EApp {
-  root = E2EPage;
-}
-
-@NgModule({
-  declarations: [
-    E2EApp,
-    E2EPage
-  ],
-  imports: [
-    BrowserModule,
-    IonicModule.forRoot(E2EApp)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    E2EApp,
-    E2EPage
-  ]
-})
-export class AppModule {}

src/components/tabs/test/colors/app/app.component.ts

@@ -0,0 +1,28 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  templateUrl: 'app.html',
+  encapsulation: ViewEncapsulation.None,
+  styles: [
+    `
+      ion-tabs {
+        margin-bottom: 20px;
+        contain: none;
+      }
+    `,
+
+    `
+      ion-tabs,
+      ion-tabs ion-tabbar {
+        position: relative;
+        top: auto;
+        height: auto;
+        visibility: visible;
+        opacity: 1;
+      }
+    `
+  ]
+})
+export class E2EApp {
+  root = 'E2EPage';
+}

src/components/tabs/test/colors/app/app.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { IonicApp, IonicModule } from '../../../../..';
+
+import { E2EApp } from './app.component';
+
+@NgModule({
+  declarations: [
+    E2EApp,
+  ],
+  imports: [
+    BrowserModule,
+    IonicModule.forRoot(E2EApp, {}, {
+      links: [
+        { loadChildren: '../pages/main/main.module#E2EPageModule', name: 'E2EPage' },
+      ]
+    })
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    E2EApp,
+  ]
+})
+export class AppModule {}

src/components/tabs/test/colors/pages/main/main.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { DeepLinkModule } from '../../../../../..';
+
+import { E2EPage } from './main';
+
+@NgModule({
+  declarations: [
+    E2EPage,
+  ],
+  imports: [
+    DeepLinkModule.forChild(E2EPage)
+  ],
+  entryComponents: [
+    E2EPage,
+  ]
+})
+export class E2EPageModule {}

src/components/tabs/test/colors/pages/main/main.ts

@@ -0,0 +1,4 @@
+import { Component } from '@angular/core';
+
+@Component({template: 'hi'})
+export class E2EPage {}