diff --git a/ionic/components/badge/test/basic/index.ts b/ionic/components/badge/test/basic/index.ts
new file mode 100644
index 0000000000..2dd534c468
--- /dev/null
+++ b/ionic/components/badge/test/basic/index.ts
@@ -0,0 +1,10 @@
+import {App, IonicApp} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+  constructor(app: IonicApp) {
+  }
+}
diff --git a/ionic/components/badge/test/basic/main.html b/ionic/components/badge/test/basic/main.html
new file mode 100644
index 0000000000..1fc4157054
--- /dev/null
+++ b/ionic/components/badge/test/basic/main.html
@@ -0,0 +1,64 @@
+<ion-toolbar>
+  <ion-title>Badges</ion-title>
+</ion-toolbar>
+
+<ion-content>
+  <ion-list>
+    <ion-header>
+      Badges Right
+    </ion-header>
+    <ion-item>
+      Default Badge
+      <ion-badge item-right>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Primary Badge
+      <ion-badge item-right class="badge-primary">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Secondary Badge
+      <ion-badge item-right class="badge-secondary">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Danger Badge
+      <ion-badge item-right class="badge-danger">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Light Badge
+      <ion-badge item-right class="badge-light">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Dark Badge
+      <ion-badge item-right class="badge-dark">99</ion-badge>
+    </ion-item>
+  </ion-list>
+  <ion-list>
+    <ion-header>
+      Badges Left
+    </ion-header>
+    <ion-item>
+      Default Badge
+      <ion-badge item-left>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Primary Badge
+      <ion-badge item-left class="badge-primary">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Secondary Badge
+      <ion-badge item-left class="badge-secondary">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Danger Badge
+      <ion-badge item-left class="badge-danger">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Light Badge
+      <ion-badge item-left class="badge-light">99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Dark Badge
+      <ion-badge item-left class="badge-dark">99</ion-badge>
+    </ion-item>
+  </ion-list>
+</ion-content>
diff --git a/ionic/components/item/test/icons/main.html b/ionic/components/item/test/icons/main.html
index e98b67a447..facaaf4b36 100644
--- a/ionic/components/item/test/icons/main.html
+++ b/ionic/components/item/test/icons/main.html
@@ -59,12 +59,12 @@
 
   <button ion-item>
     Red Balloons
-    <item-badge item-right>99</item-badge>
+    <ion-badge item-right>99</ion-badge>
   </button>
 
   <ion-item>
     Problems
-    <item-badge item-right>99</item-badge>
+    <ion-badge item-right>99</ion-badge>
   </ion-item>
 
 </ion-content>