diff --git a/src/components/radio/test/basic/index.ts b/src/components/radio/test/basic/index.ts
index 8243f7a668..0ad6806608 100644
--- a/src/components/radio/test/basic/index.ts
+++ b/src/components/radio/test/basic/index.ts
@@ -6,7 +6,7 @@ import {Control, ControlGroup} from '@angular/common';
 @Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   fruits: Control;
   fruitsForm: ControlGroup;
   currenciesControl: Control;
@@ -73,4 +73,11 @@ class E2EApp {
   }
 }
 
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = E2EPage;
+}
+
 ionicBootstrap(E2EApp);
diff --git a/src/components/searchbar/test/basic/index.ts b/src/components/searchbar/test/basic/index.ts
index c5823d343e..fa6e02ca33 100644
--- a/src/components/searchbar/test/basic/index.ts
+++ b/src/components/searchbar/test/basic/index.ts
@@ -6,7 +6,7 @@ import {ionicBootstrap} from '../../../../../src';
 @Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   defaultSearch: string = 'test';
   customPlaceholder: number = 2;
   defaultCancel: string = '';
@@ -50,4 +50,11 @@ class E2EApp {
   }
 }
 
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = E2EPage;
+}
+
 ionicBootstrap(E2EApp);
diff --git a/src/components/searchbar/test/toolbar/index.ts b/src/components/searchbar/test/toolbar/index.ts
index 938b351f25..657b0660bc 100644
--- a/src/components/searchbar/test/toolbar/index.ts
+++ b/src/components/searchbar/test/toolbar/index.ts
@@ -5,11 +5,18 @@ import {ionicBootstrap} from '../../../../../src';
 @Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   defaultToolbarSearch: string = '';
   primaryToolbarSearch: string = '';
   darkToolbarSearch: string = '';
   lightToolbarSearch: string = '';
 }
 
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = E2EPage;
+}
+
 ionicBootstrap(E2EApp);
diff --git a/src/components/tabs/test/tab-bar-scenarios/styles.css b/src/components/tabs/test/tab-bar-scenarios/styles.css
index b070d0b2f3..3385d168a4 100644
--- a/src/components/tabs/test/tab-bar-scenarios/styles.css
+++ b/src/components/tabs/test/tab-bar-scenarios/styles.css
@@ -1,10 +1,11 @@
-ion-tabs[no-navbar] {
+ion-tabs {
   margin-bottom: 20px;
 }
 
-ion-tabs[no-navbar],
-ion-tabs[no-navbar] ion-tabbar {
+ion-tabs,
+ion-tabs ion-tabbar {
   position: relative;
   top: auto;
   height: auto;
+  visibility: visible;
 }
diff --git a/src/components/toggle/test/basic/index.ts b/src/components/toggle/test/basic/index.ts
index 31d361ace6..ded842c5d9 100644
--- a/src/components/toggle/test/basic/index.ts
+++ b/src/components/toggle/test/basic/index.ts
@@ -6,7 +6,7 @@ import {ionicBootstrap} from '../../../../../src';
 @Component({
   templateUrl: 'main.html'
 })
-class E2EApp {
+class E2EPage {
   fruitsForm: ControlGroup;
   grapeDisabled: boolean;
   grapeChecked: boolean;
@@ -59,4 +59,11 @@ class E2EApp {
   }
 }
 
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = E2EPage;
+}
+
 ionicBootstrap(E2EApp);