test(ngmodule): update to ngmodule

src/components/toggle/test/basic/app-module.ts

@@ -1,27 +1,31 @@
-import { Component } from '@angular/core';
+import { Component, NgModule } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
-import { ionicBootstrap, Toggle } from '../../../../../src';
+import { IonicApp, IonicModule, Toggle } from '../../../..';
 
 
 @Component({
   templateUrl: 'main.html'
 })
-class E2EPage {
-  fruitsForm: FormGroup;
+export class E2EPage {
   grapeDisabled: boolean;
   grapeChecked: boolean;
   kiwiValue: boolean;
   strawberryValue: boolean;
   formResults: string;
 
-  constructor() {
-    this.fruitsForm = new FormGroup({
-      'appleCtrl': new FormControl(false),
-      'bananaCtrl': new FormControl(true),
-      'cherryCtrl': new FormControl(false),
-      'grapeCtrl': new FormControl(true)
-    });
+  appleCtrl = new FormControl(false);
+  bananaCtrl = new FormControl(true);
+  cherryCtrl = new FormControl(false);
+  grapeCtrl = new FormControl(true);
 
+  fruitsForm = new FormGroup({
+    'apple': this.appleCtrl,
+    'banana': this.bananaCtrl,
+    'cherry': this.cherryCtrl,
+    'grape': this.grapeCtrl
+  });
+
+  constructor() {
     this.grapeChecked = true;
     this.grapeDisabled = true;
   }
@@ -62,8 +66,22 @@ class E2EPage {
 @Component({
   template: '<ion-nav [root]="root"></ion-nav>'
 })
-class E2EApp {
+export class E2EApp {
   root = E2EPage;
 }
 
-ionicBootstrap(E2EApp);
+@NgModule({
+  declarations: [
+    E2EApp,
+    E2EPage
+  ],
+  imports: [
+    IonicModule.forRoot(E2EApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    E2EApp,
+    E2EPage
+  ]
+})
+export class AppModule {}

src/components/toggle/test/basic/e2e.ts

@@ -1,6 +1,6 @@
 
 it('should check apple via switch element click', function() {
-  element(by.css('[formControlName="appleCtrl"]')).click();
+  element(by.css('[formControlName="apple"]')).click();
 });
 
 

src/components/toggle/test/basic/main.html

@@ -25,22 +25,22 @@
 
       <ion-item>
         <ion-label>Apple, formControlName</ion-label>
-        <ion-toggle formControlName="appleCtrl" (ionChange)="appleChange($event)"></ion-toggle>
+        <ion-toggle formControlName="apple" (ionChange)="appleChange($event)"></ion-toggle>
       </ion-item>
 
       <ion-item>
         <ion-label>Banana, formControlName</ion-label>
-        <ion-toggle formControlName="bananaCtrl" (ionChange)="bananaChange($event)"></ion-toggle>
+        <ion-toggle formControlName="banana" (ionChange)="bananaChange($event)"></ion-toggle>
       </ion-item>
 
       <ion-item>
         <ion-label>Cherry, formControlName, disabled</ion-label>
-        <ion-toggle disabled="true" formControlName="cherryCtrl"></ion-toggle>
+        <ion-toggle disabled="true" formControlName="cherry"></ion-toggle>
       </ion-item>
 
       <ion-item>
         <ion-label>Grape, formControlName, checked, disabled</ion-label>
-        <ion-toggle [checked]="grapeChecked" [disabled]="grapeDisabled" formControlName="grapeCtrl"></ion-toggle>
+        <ion-toggle [checked]="grapeChecked" [disabled]="grapeDisabled" formControlName="grape"></ion-toggle>
       </ion-item>
 
       <ion-item>
@@ -64,14 +64,14 @@
   </p>
 
   <p aria-hidden="true" padding>
-    <code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
-    <code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value}}</code><br>
-    <code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
-    <code>bananaCtrl.value: {{fruitsForm.controls.bananaCtrl.value}}</code><br>
-    <code>cherry.dirty: {{fruitsForm.controls.cherryCtrl.dirty}}</code><br>
-    <code>cherry.value: {{fruitsForm.controls.cherryCtrl.value}}</code><br>
-    <code>grape.dirty: {{fruitsForm.controls.grapeCtrl.dirty}}</code><br>
-    <code>grape.value: {{fruitsForm.controls.grapeCtrl.value}}</code><br>
+    <code>appleCtrl.dirty: {{appleCtrl.dirty}}</code><br>
+    <code>appleCtrl.value: {{appleCtrl.value}}</code><br>
+    <code>bananaCtrl.dirty: {{bananaCtrl.dirty}}</code><br>
+    <code>bananaCtrl.value: {{bananaCtrl.value}}</code><br>
+    <code>cherryCtrl.dirty: {{cherryCtrl.dirty}}</code><br>
+    <code>cherryCtrl.value: {{cherryCtrl.value}}</code><br>
+    <code>grapeCtrl.dirty: {{grapeCtrl.dirty}}</code><br>
+    <code>grapeCtrl.value: {{grapeCtrl.value}}</code><br>
     <code>kiwiValue: {{kiwiValue}}</code><br>
     <code>strawberryValue: {{strawberryValue}}</code><br>
   </p>