small aside width

ionic/components/aside/test/basic/e2e.ts

@@ -1,9 +1,9 @@
 
 it('should toggle open aside', function() {
-  element(by.css('#e2eToggleAside')).click();
+  element(by.css('#e2eContentToggleAside')).click();
 });
 
 
 it('should toggle close aside', function() {
-  element(by.css('#e2eToggleAside')).click();
+  element(by.css('#e2eHeaderToggleAside')).click();
 });

ionic/components/aside/test/basic/home-page.html

@@ -0,0 +1,24 @@
+
+<ion-navbar *navbar>
+
+  <ion-nav-items primary>
+    <button (^click)="toggleAside()" id="e2eHeaderToggleAside">
+      <icon name="ion-navicon"></icon>
+    </button>
+  </ion-nav-items>
+
+  <ion-title>
+    Aside
+  </ion-title>
+
+</ion-navbar>
+
+<ion-content #content class="padding">
+
+  <h3>Content</h3>
+
+  <p>
+    <button id="e2eContentToggleAside" (click)="toggleAside()">Toggle Aside</button>
+  </p>
+
+</ion-content>

ionic/components/aside/test/basic/index.ts

@@ -1,10 +1,10 @@
-import {App, IonicApp} from 'ionic/ionic';
+import {App, IonicApp, IonicView, NavController} from 'ionic/ionic';
 
 
-@App({
-  templateUrl: 'main.html'
+@IonicView({
+  templateUrl: 'home-page.html'
 })
-class E2EApp {
+class HomePage {
 
   constructor(app: IonicApp) {
     this.app = app;
@@ -16,3 +16,15 @@ class E2EApp {
   }
 
 }
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+
+  constructor() {
+    this.rootView = HomePage;
+  }
+
+}

ionic/components/aside/test/basic/main.html

@@ -1,30 +1,23 @@
-<ion-view>
 
-  <ion-aside #aside [content]="content" [register]="aside" register-id="mainMenu">
-    <ion-list>
-      <ion-item>
-        About
-      </ion-item>
-      <ion-item>
-        Specials
-      </ion-item>
-      <ion-item>
-        Beer
-      </ion-item>
-      <ion-item>
-        Potatoes
-      </ion-item>
-    </ion-list>
-  </ion-aside>
+<ion-aside #aside [content]="content" [register]="aside" register-id="mainMenu">
+  <ion-toolbar secondary>
+    <ion-title>Left Menu</ion-title>
+  </ion-toolbar>
+  <ion-list>
+    <ion-item>
+      About
+    </ion-item>
+    <ion-item>
+      Specials
+    </ion-item>
+    <ion-item>
+      Beer
+    </ion-item>
+    <ion-item>
+      Potatoes
+    </ion-item>
+  </ion-list>
+</ion-aside>
 
-  <ion-content #content class="padding">
 
-    <h2>Content</h2>
-
-    <p>
-      <button id="e2eToggleAside" (click)="toggleAside()">Toggle Aside</button>
-    </p>
-
-  </ion-content>
-
-</ion-view>
+<ion-nav [root]="rootView" #content [register]="content" register-id="myNav" swipe-back-enabled="false"></ion-nav>