test(slides): fix slides test to use app and pages

src/components/slides/test/basic/app.module.ts

@@ -1,50 +0,0 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { IonicApp, IonicModule } from '../../../..';
-
-
-@Component({
-  templateUrl: 'main.html'
-})
-export class E2EPage {
-
-  onSlideWillChange(s: any) {
-    console.log(`onSlideWillChange: ${s}`);
-  }
-
-  onSlideDidChange(s: any) {
-    console.log(`onSlideDidChange: ${s}`);
-  }
-
-  onSlideDrag(s: any) {
-    console.log(`onSlideDrag: ${s}`);
-  }
-
-}
-
-@Component({
-  template: '<ion-nav [root]="root"></ion-nav>'
-})
-export class AppComponent {
-  root = E2EPage;
-}
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    E2EPage
-  ],
-  imports: [
-    BrowserModule,
-    IonicModule.forRoot(AppComponent)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    AppComponent,
-    E2EPage
-  ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
-})
-export class AppModule {}

src/components/slides/test/basic/app/app.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import { RootPage } from '../pages/root-page/root-page';
+
+@Component({
+  template: `<ion-nav [root]="root"></ion-nav>`
+})
+export class AppComponent {
+  root = RootPage;
+}

src/components/slides/test/basic/app/app.module.ts

@@ -0,0 +1,20 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { IonicApp, IonicModule } from '../../../../..';
+
+import { AppComponent } from './app.component';
+import { RootPageModule } from '../pages/root-page/root-page.module';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+  ],
+  imports: [
+    BrowserModule,
+    IonicModule.forRoot(AppComponent, {}),
+    RootPageModule
+  ],
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppModule { }

src/components/slides/test/basic/pages/root-page/root-page.html

@@ -1,4 +1,3 @@
-
 <ion-slides style="background: black"
             (ionSlideWillChange)="onSlideWillChange($event)"
             (ionSlideDidChange)="onSlideDidChange($event)"

src/components/slides/test/basic/pages/root-page/root-page.module.ts

@@ -0,0 +1,15 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+
+import { RootPage } from './root-page';
+
+@NgModule({
+  declarations: [
+    RootPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(RootPage)
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class RootPageModule {}

src/components/slides/test/basic/pages/root-page/root-page.ts

@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'root-page.html'
+})
+export class RootPage {
+
+  onSlideWillChange(s: any) {
+    console.log(`onSlideWillChange: ${s}`);
+  }
+
+  onSlideDidChange(s: any) {
+    console.log(`onSlideDidChange: ${s}`);
+  }
+
+  onSlideDrag(s: any) {
+    console.log(`onSlideDrag: ${s}`);
+  }
+
+}

src/components/snapshot/test/basic/pages/components/components.module.ts

@@ -155,7 +155,7 @@ import { AppModule as SelectSingleValue } from '../../../../../select/test/singl
 
 import { AppModule as ShowHideWhenBasic } from '../../../../../show-hide-when/test/basic/app.module';
 
-import { AppModule as SlidesBasic } from '../../../../../slides/test/basic/app.module';
+import { AppModule as SlidesBasic } from '../../../../../slides/test/basic/app/app.module';
 import { AppModule as SlidesControl } from '../../../../../slides/test/control/app.module';
 import { AppModule as SlidesController } from '../../../../../slides/test/controller/app.module';
 import { AppModule as SlidesImages } from '../../../../../slides/test/images/app.module';

src/components/snapshot/test/basic/pages/components/components.ts

@@ -156,7 +156,7 @@ import { AppComponent as SelectSingleValue } from '../../../../../select/test/si
 
 import { AppComponent as ShowHideWhenBasic } from '../../../../../show-hide-when/test/basic/app.module';
 
-import { AppComponent as SlidesBasic } from '../../../../../slides/test/basic/app.module';
+import { AppComponent as SlidesBasic } from '../../../../../slides/test/basic/app/app.component';
 import { AppComponent as SlidesControl } from '../../../../../slides/test/control/app.module';
 import { AppComponent as SlidesController } from '../../../../../slides/test/controller/app.module';
 import { AppComponent as SlidesImages } from '../../../../../slides/test/images/app.module';