diff --git a/angular/test/nav/src/app/simple-nav/page-one/page-one.ts b/angular/test/nav/src/app/simple-nav/page-one/page-one.ts
index a281d3c067..80c3bd87a5 100755
--- a/angular/test/nav/src/app/simple-nav/page-one/page-one.ts
+++ b/angular/test/nav/src/app/simple-nav/page-one/page-one.ts
@@ -16,6 +16,11 @@ import { PageTwo } from '../page-two/page-two';
       Page One - {{ts}}
       <div>
         <ion-button [routerLink]="['/simple-nav/page-two']">Go to Page Two</ion-button>
+
+        <ion-button routerLink="/simple-nav/page-two" routerDirection="forward">FORWARD (Page Two)</ion-button>
+        <ion-button routerLink="/simple-nav/page-two" routerDirection="back">BACK (Page Two)</ion-button>
+        <ion-button routerLink="/simple-nav/page-two" routerDirection="root">ROOT (Page Two)</ion-button>
+
       </div>
     </ion-content>
   `
diff --git a/angular/test/nav/src/app/simple-nav/page-two/page-two.ts b/angular/test/nav/src/app/simple-nav/page-two/page-two.ts
index 6edc5e642b..1849b19ade 100755
--- a/angular/test/nav/src/app/simple-nav/page-two/page-two.ts
+++ b/angular/test/nav/src/app/simple-nav/page-two/page-two.ts
@@ -21,6 +21,20 @@ import { Location } from '@angular/common';
       <div>
         <ion-button routerLink="/simple-nav/page-one" goBack>Go to Page One</ion-button>
       </div>
+
+      <ion-list>
+        <ion-item href="/simple-nav/page-one" routerDirection="forward">
+          FORWARD (Page one)
+        </ion-item>
+
+        <ion-item href="/simple-nav/page-one" routerDirection="back">
+          BACK (Page one)
+        </ion-item>
+
+        <ion-item href="/simple-nav/page-one" routerDirection="root">
+          ROOT (Page one)
+        </ion-item>
+      </ion-list>
     </ion-content>
   `
 })