diff --git a/ionic/components/tabs/test/badges/index.ts b/ionic/components/tabs/test/badges/index.ts
index 834efa41bb..cdb0c6642f 100644
--- a/ionic/components/tabs/test/badges/index.ts
+++ b/ionic/components/tabs/test/badges/index.ts
@@ -4,6 +4,10 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EApp {
+  myBadge:number = 55;
+
+  constructor() {}
+}
 
 document.body.innerHTML += '<link href="styles.css" rel="stylesheet">'
diff --git a/ionic/components/tabs/test/badges/main.html b/ionic/components/tabs/test/badges/main.html
index 5cbebab529..736b4c8dc7 100644
--- a/ionic/components/tabs/test/badges/main.html
+++ b/ionic/components/tabs/test/badges/main.html
@@ -44,3 +44,10 @@
   <ion-tab tabTitle="Favorites" tabIcon="heart"></ion-tab>
   <ion-tab tabTitle="Settings" tabIcon="settings"></ion-tab>
 </ion-tabs>
+
+<!-- Dynamic Badge -->
+<ion-tabs tabbarIcons="left" no-navbar>
+  <ion-tab tabTitle="Recents" tabIcon="call"></ion-tab>
+  <ion-tab tabTitle="Favorites" tabIcon="heart"></ion-tab>
+  <ion-tab tabTitle="Settings" tabIcon="settings" [tabBadge]="myBadge" tabBadgeStyle="primary"></ion-tab>
+</ion-tabs>