test(menu): menu with popup overlay

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

@@ -1,8 +1,20 @@
-import {App, IonicApp, Page, NavController} from 'ionic/ionic';
+import {App, IonicApp, Page, NavController, Popup} from 'ionic/ionic';
 
 
 @Page({templateUrl: 'page1.html'})
-class Page1 {}
+class Page1 {
+  constructor(popup: Popup) {
+    this.popup = popup;
+  }
+  openPopup() {
+    this.popup.alert({
+      title: "New Friend!",
+      template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
+      cssClass: 'my-alert'
+    });
+    console.log('openPopup');
+  }
+}
 
 
 @Page({templateUrl: 'page3.html'})

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

@@ -45,6 +45,6 @@
 
 </ion-menu>
 
-
-
 <ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
+
+<ion-overlay></ion-overlay>

ionic/components/menu/test/basic/page1.html

@@ -47,4 +47,8 @@
     </ion-input>
   </ion-card>
 
+  <p>
+    <button (click)="openPopup()">Open popup</button>
+  </p>
+
 </ion-content>