diff --git a/ionic/components/infinite-scroll/test/basic/index.ts b/ionic/components/infinite-scroll/test/basic/index.ts
index a515f1c747..c7539446d5 100644
--- a/ionic/components/infinite-scroll/test/basic/index.ts
+++ b/ionic/components/infinite-scroll/test/basic/index.ts
@@ -1,13 +1,13 @@
-import {App, InfiniteScroll} from 'ionic-angular';
+import {App, Page, InfiniteScroll, NavController} from 'ionic-angular';
 
 
-@App({
+@Page({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage1 {
   items = [];
 
-  constructor() {
+  constructor(private nav: NavController) {
     for (var i = 0; i < 30; i++) {
       this.items.push( this.items.length );
     }
@@ -30,9 +30,33 @@ class E2EApp {
     });
   }
 
+  goToPage2() {
+    this.nav.push(E2EPage2);
+  }
 }
 
-function getAsyncData() {
+
+@Page({
+  template: '<ion-content><button (click)="nav.pop()">Pop</button></ion-content>'
+})
+class E2EPage2 {
+
+  constructor(private nav: NavController) {}
+
+}
+
+
+@App({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root;
+  constructor() {
+    this.root = E2EPage1;
+  }
+}
+
+function getAsyncData(): Promise<any[]> {
   // async return mock data
   return new Promise(resolve => {
 
diff --git a/ionic/components/infinite-scroll/test/basic/main.html b/ionic/components/infinite-scroll/test/basic/main.html
index f0af47b484..1eb9b7409f 100644
--- a/ionic/components/infinite-scroll/test/basic/main.html
+++ b/ionic/components/infinite-scroll/test/basic/main.html
@@ -3,9 +3,9 @@
 <ion-content>
 
   <ion-list>
-    <ion-item *ngFor="#item of items">
+    <button ion-item (click)="goToPage2()" *ngFor="#item of items">
       {{ item }}
-    </ion-item>
+    </button>
   </ion-list>
 
   <ion-infinite-scroll (infinite)="doInfinite($event)" threshold="100px">