test(header): update header markup

src/components/slides/test/intro/index.ts

@@ -44,9 +44,11 @@ class IntroPage {
 
 @Component({
   template: `
-  <ion-navbar *navbar>
-    <ion-title>Slides</ion-title>
-  </ion-navbar>
+  <ion-header>
+    <ion-navbar>
+      <ion-title>Slides</ion-title>
+    </ion-navbar>
+  </ion-header>
 
   <ion-content padding>
     <h1>Another Page</h1>

src/components/slides/test/intro/main.html

@@ -1,4 +1,5 @@
 <ion-header>
+
   <ion-navbar>
     <ion-buttons end>
       <button (click)="skip()">
@@ -7,9 +8,12 @@
     </ion-buttons>
     <ion-title>Slides</ion-title>
   </ion-navbar>
+
 </ion-header>
 
+
 <ion-content>
+
   <ion-slides pager [options]="mySlideOptions" (ionDidChange)="onSlideChanged($event)" (ionWillChange)="onSlideChangeStart($event)" (ionDrag)="onSlideMove($event)">
     <ion-slide>
       <h3>Thank you for choosing the Awesome App!</h3>
@@ -37,6 +41,7 @@
       <h3>Any questions?</h3>
     </ion-slide>
   </ion-slides>
+
 </ion-content>
 
 <style>

src/components/slides/test/scroll/main.html

@@ -1,6 +1,11 @@
-<ion-toolbar>
-  <ion-title>Fixed Height Slides</ion-title>
-</ion-toolbar>
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Fixed Height Slides</ion-title>
+  </ion-toolbar>
+
+</ion-header>
+
 
 <ion-content>