test(menu): update test to use 3 menus and menu toggle by side

references #5535
ionic-team · Feb 19, 2016 · f0b5838 · f0b5838
1 parent a2b7a21
commit f0b5838
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 12 deletions.
diff --git a/ionic/components/menu/test/enable-disable/index.ts b/ionic/components/menu/test/enable-disable/index.ts
@@ -24,7 +24,7 @@ class E2EApp {
   constructor(app: IonicApp, menu: MenuController) {
     this.app = app;
     this.menu = menu;
-    
+
     this.page1 = Page1;
     this.page2 = Page2;
 
@@ -39,13 +39,18 @@ class E2EApp {
   }
 
   menu1Active() {
-    this.activeMenu = 'menu1';
     this.menu.enable(true, 'menu1');
     this.menu.enable(false, 'menu2');
+    this.menu.enable(false, 'menu3');
   }
   menu2Active() {
-    this.activeMenu = 'menu2';
     this.menu.enable(false, 'menu1');
     this.menu.enable(true, 'menu2');
+    this.menu.enable(false, 'menu3');
+  }
+  menu3Active() {
+    this.menu.enable(false, 'menu1');
+    this.menu.enable(false, 'menu2');
+    this.menu.enable(true, 'menu3');
   }
 }
diff --git a/ionic/components/menu/test/enable-disable/main.html b/ionic/components/menu/test/enable-disable/main.html
@@ -9,6 +9,7 @@
     <ion-list>
       <button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
       <button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
+      <button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
       <button ion-item menuClose (click)="openPage(page1)">
         Page 1
       </button>
@@ -33,7 +34,8 @@
   <ion-content>
     <ion-list>
       <button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
-      <button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>      
+      <button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
+      <button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
       <button ion-item menuClose (click)="openPage(page1)">
         Page 1
       </button>
@@ -48,5 +50,30 @@
 
 </ion-menu>
 
+<ion-menu [content]="content" id="menu3">
+
+  <ion-toolbar primary>
+    <ion-title>Menu 3</ion-title>
+  </ion-toolbar>
+
+  <ion-content>
+    <ion-list>
+      <button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
+      <button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
+      <button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
+      <button ion-item menuClose (click)="openPage(page1)">
+        Page 1
+      </button>
+      <button ion-item menuClose (click)="openPage(page2)">
+        Page 2
+      </button>
+      <button ion-item menuClose detail-none>
+        Close Menu 3
+      </button>
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
+
 
 <ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav>
diff --git a/ionic/components/menu/test/enable-disable/page1.html b/ionic/components/menu/test/enable-disable/page1.html
@@ -1,6 +1,6 @@
 
 <ion-navbar *navbar>
-  <button [menuToggle]="activeMenu">
+  <button menuToggle="left">
     <ion-icon name="menu"></ion-icon>
   </button>
   <ion-title>
@@ -12,10 +12,8 @@
 <ion-content padding>
   <h3> Page 1 </h3>
 
-  <h4>Active Menu: {{ activeMenu }}</h4>
-
   <p>
-    <button [menuToggle]="activeMenu">Toggle Menu</button>
+    <button menuToggle="left">Toggle Menu</button>
   </p>
 
   <p>This page has two left menus, but only one is active at a time.</p>

diff --git a/ionic/components/menu/test/enable-disable/page2.html b/ionic/components/menu/test/enable-disable/page2.html
@@ -1,6 +1,6 @@
 
 <ion-navbar *navbar>
-  <button [menuToggle]="activeMenu">
+  <button menuToggle="left">
     <ion-icon name="menu"></ion-icon>
   </button>
   <ion-title>
@@ -12,10 +12,8 @@
 <ion-content padding>
   <h3> Page 2 </h3>
 
-  <h4>Active Menu: {{ activeMenu }}</h4>
-
   <p>
-    <button [menuToggle]="activeMenu">Toggle Menu</button>
+    <button menuToggle="left">Toggle Menu</button>
   </p>
 
   <p>This page has two left menus, but only one is active at a time.</p>