diff --git a/ionic/components/search-bar/test/toolbar/e2e.ts b/ionic/components/search-bar/test/toolbar/e2e.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/ionic/components/search-bar/test/toolbar/index.ts b/ionic/components/search-bar/test/toolbar/index.ts
new file mode 100644
index 0000000000..f089ae40df
--- /dev/null
+++ b/ionic/components/search-bar/test/toolbar/index.ts
@@ -0,0 +1,15 @@
+import {App, NavController} from 'ionic/ionic';
+import {Page, Config, IonicApp} from 'ionic/ionic';
+import {NavParams, NavController, ViewController} from 'ionic/ionic';
+import {SearchPipe} from 'ionic/components/search-bar/search-bar';
+
+@App({
+  templateUrl: 'main.html'
+})
+class IonicApp {
+  toolbarSearch: string;
+
+  constructor() {
+
+  }
+}
diff --git a/ionic/components/search-bar/test/toolbar/main.html b/ionic/components/search-bar/test/toolbar/main.html
new file mode 100644
index 0000000000..b63e17bf6b
--- /dev/null
+++ b/ionic/components/search-bar/test/toolbar/main.html
@@ -0,0 +1,21 @@
+<ion-navbar *navbar>
+  <ion-title>Test</ion-title>
+</ion-navbar>
+
+<ion-content>
+  <h5 padding-left padding-top> Search - Default Toolbar </h5>
+  <ion-toolbar>
+    <ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
+  </ion-toolbar>
+
+  <h5 padding-left padding-top> Search - Primary Toolbar </h5>
+  <ion-toolbar primary>
+    <ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
+  </ion-toolbar>
+
+  <h5 padding-left padding-top> Search - Danger Toolbar </h5>
+  <ion-toolbar danger>
+    <ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
+  </ion-toolbar>
+
+</ion-content>