diff --git a/ionic/components/modal/test/basic/e2e.ts b/ionic/components/modal/test/basic/e2e.ts
new file mode 100644
index 0000000000..47b4b219e5
--- /dev/null
+++ b/ionic/components/modal/test/basic/e2e.ts
@@ -0,0 +1,8 @@
+
+it('should open action menu', function() {
+  element(by.css('#e2eOpenModal')).click();
+});
+
+it('should close with close button click', function() {
+  element(by.css('#e2eCloseMenu')).click();
+});
diff --git a/ionic/components/modal/test/basic/index.ts b/ionic/components/modal/test/basic/index.ts
index 7b43aed43c..0c490ee4e5 100644
--- a/ionic/components/modal/test/basic/index.ts
+++ b/ionic/components/modal/test/basic/index.ts
@@ -53,7 +53,7 @@ export class ContactModal {
 
 @IonicView({
   template: `
-    <ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title><ion-nav-items primary><button primary (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
+    <ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title><ion-nav-items primary><button id="e2eCloseMenu" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
     <ion-content class="padding">
       <p>First Page: {{ val }}</p>
       <p>
diff --git a/ionic/components/modal/test/basic/main.html b/ionic/components/modal/test/basic/main.html
index 4781c4013d..59e406d02c 100644
--- a/ionic/components/modal/test/basic/main.html
+++ b/ionic/components/modal/test/basic/main.html
@@ -1,3 +1,3 @@
 <ion-content class="padding">
-  <button primary (click)="openModal()">Open Modal</button>
+  <button id="e2eOpenModal" primary (click)="openModal()">Open Modal</button>
 </ion-content>