chore(build): rename ionic directory to src and update all references in the build process.

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

@@ -0,0 +1,11 @@
+
+it('should check apple via switch element click', function() {
+  element(by.css('[ngControl="appleCtrl"]')).click();
+});
+
+
+it('should enable/check grape via buttons and submit form', function() {
+  element(by.css('.e2eGrapeDisabled')).click();
+  element(by.css('.e2eGrapeChecked')).click();
+  element(by.css('.e2eSubmit')).click();
+});

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

@@ -0,0 +1,68 @@
+import {App} from '../../../../../ionic';
+import {
+  Control,
+  ControlGroup,
+  NgForm,
+  Validators,
+  NgControl,
+  ControlValueAccessor,
+  NgControlName,
+  NgFormModel,
+  FormBuilder
+} from '@angular/common';
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+  fruitsForm: ControlGroup;
+  grapeDisabled: boolean;
+  grapeChecked: boolean;
+  kiwiValue: boolean;
+  strawberryValue: boolean;
+  formResults: string;
+
+  constructor() {
+    this.fruitsForm = new ControlGroup({
+      "appleCtrl": new Control(false),
+      "bananaCtrl": new Control(true),
+      "cherryCtrl": new Control(false),
+      "grapeCtrl": new Control(true)
+    });
+
+    this.grapeChecked = true;
+    this.grapeDisabled = true;
+  }
+
+  toggleGrapeChecked() {
+    this.grapeChecked = !this.grapeChecked;
+  }
+
+  toggleGrapeDisabled() {
+    this.grapeDisabled = !this.grapeDisabled;
+  }
+
+  appleChange(ev) {
+    console.log('appleChange', ev);
+  }
+
+  bananaChange(ev) {
+    console.log('bananaChange', ev);
+  }
+
+  kiwiChange(ev) {
+    console.log('kiwiChange', ev);
+    this.kiwiValue = ev.checked;
+  }
+
+  strawberryChange(ev) {
+    console.log('strawberryChange', ev);
+    this.strawberryValue = ev.checked;
+  }
+
+  doSubmit(ev) {
+    console.log('Submitting form', this.fruitsForm.value);
+    this.formResults = JSON.stringify(this.fruitsForm.value);
+    ev.preventDefault();
+  }
+}

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

@@ -0,0 +1,75 @@
+
+<ion-toolbar><ion-title>Toggles</ion-title></ion-toolbar>
+
+<ion-content>
+
+  <form (submit)="doSubmit($event)" [ngFormModel]="fruitsForm">
+
+    <ion-list>
+
+      <ion-item>
+        Left side default icon, really long text that should ellipsis ellipsis ellipsis
+        <ion-icon name="information-circle" item-left></ion-icon>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Apple</ion-label>
+        <ion-toggle item-left value="apple"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Apple, ngControl</ion-label>
+        <ion-toggle ngControl="appleCtrl" (change)="appleChange($event)"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Banana, ngControl</ion-label>
+        <ion-toggle ngControl="bananaCtrl" (change)="bananaChange($event)"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Cherry, ngControl, disabled</ion-label>
+        <ion-toggle disabled="true" ngControl="cherryCtrl"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Grape, ngControl, checked, disabled</ion-label>
+        <ion-toggle [checked]="grapeChecked" [disabled]="grapeDisabled" ngControl="grapeCtrl"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Kiwi, (change) Secondary color</ion-label>
+        <ion-toggle secondary (change)="kiwiChange($event)"></ion-toggle>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>Strawberry, (change) [checked]="true"</ion-label>
+        <ion-toggle danger (change)="strawberryChange($event)" [checked]="true"></ion-toggle>
+      </ion-item>
+
+    </ion-list>
+
+  </form>
+
+  <p aria-hidden="true" text-center>
+    <button (click)="toggleGrapeChecked()" outline small class="e2eGrapeChecked">Grape Checked</button>
+    <button (click)="toggleGrapeDisabled()" outline small class="e2eGrapeDisabled">Grape Disabled</button>
+    <button (click)="doSubmit($event)" outline small class="e2eSubmit">Submit</button>
+  </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>kiwiValue: {{kiwiValue}}</code><br>
+    <code>strawberryValue: {{strawberryValue}}</code><br>
+  </p>
+
+  <pre aria-hidden="true" padding>{{formResults}}</pre>
+
+</ion-content>