From ae392e2db3be836e9cc766baea88f9a7aabb26d0 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 18 Feb 2016 12:18:01 -0500
Subject: [PATCH] test(slides): update slide tests to use options instead of
 attributes

references #5189
---
 ionic/components/slides/test/basic/index.ts   |  2 +-
 ionic/components/slides/test/basic/main.html  |  2 +-
 ionic/components/slides/test/intro/index.ts   | 13 +++++++++++-
 ionic/components/slides/test/intro/main.html  |  2 +-
 ionic/components/slides/test/loop/index.ts    |  5 +++++
 ionic/components/slides/test/loop/main.html   |  4 ++--
 ionic/components/slides/test/scroll/main.html | 20 +++----------------
 7 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/ionic/components/slides/test/basic/index.ts b/ionic/components/slides/test/basic/index.ts
index 981f2428a2..0a7c251439 100644
--- a/ionic/components/slides/test/basic/index.ts
+++ b/ionic/components/slides/test/basic/index.ts
@@ -9,7 +9,7 @@ class MyApp {
     this.app = app;
     this.http = http;
 
-    this.extraOptions = {
+    this.mySlideOptions = {
       loop: true
     };
 
diff --git a/ionic/components/slides/test/basic/main.html b/ionic/components/slides/test/basic/main.html
index e9cad308ac..86265b658d 100644
--- a/ionic/components/slides/test/basic/main.html
+++ b/ionic/components/slides/test/basic/main.html
@@ -1,4 +1,4 @@
-<ion-slides [options]="extraOptions" id="slider" style="background-color: black" zoom>
+<ion-slides [options]="mySlideOptions" id="slider" style="background-color: black">
   <ion-slide *ngFor="#image of images">
     <img data-src="{{getImageUrl(image)}}" slide-lazy>
   </ion-slide>
diff --git a/ionic/components/slides/test/intro/index.ts b/ionic/components/slides/test/intro/index.ts
index 204701ab65..3049d44937 100644
--- a/ionic/components/slides/test/intro/index.ts
+++ b/ionic/components/slides/test/intro/index.ts
@@ -5,6 +5,8 @@ import {App, Page, NavController} from 'ionic/ionic';
   template: '<ion-nav [root]="rootPage"></ion-nav>'
 })
 class MyApp {
+  rootPage;
+
   constructor() {
     this.rootPage = IntroPage;
   }
@@ -15,9 +17,18 @@ class MyApp {
 })
 class IntroPage {
   continueText: string = "Skip";
+  startingIndex: number = 1;
+  mySlideOptions;
 
-  constructor(public nav: NavController) {
+  constructor(nav: NavController) {
+    this.nav = nav;
 
+    this.mySlideOptions = {
+      paginationClickable: true,
+      lazyLoading: true,
+      preloadImages: false,
+      initialSlide: this.startingIndex
+    };
   }
 
   onSlideChanged(slider) {
diff --git a/ionic/components/slides/test/intro/main.html b/ionic/components/slides/test/intro/main.html
index 7c899cfe05..33cb3a55e9 100644
--- a/ionic/components/slides/test/intro/main.html
+++ b/ionic/components/slides/test/intro/main.html
@@ -8,7 +8,7 @@
 </ion-navbar>
 
 <ion-content>
-  <ion-slides pager (change)="onSlideChanged($event)" (slideChangeStart)="onSlideChangeStart($event)" (move)="onSlideMove($event)" loop="true">
+  <ion-slides pager [options]="mySlideOptions" (change)="onSlideChanged($event)" (slideChangeStart)="onSlideChangeStart($event)" (move)="onSlideMove($event)">
     <ion-slide>
       <h3>Thank you for choosing the Awesome App!</h3>
       <div id="logo">
diff --git a/ionic/components/slides/test/loop/index.ts b/ionic/components/slides/test/loop/index.ts
index e6d3d71cc3..0c7e34b07c 100644
--- a/ionic/components/slides/test/loop/index.ts
+++ b/ionic/components/slides/test/loop/index.ts
@@ -23,6 +23,11 @@ class MyApp {
     ];
 
     this.startingIndex = 2;
+
+    this.myTopSlideOptions = {
+      index: this.startingIndex,
+      loop: true
+    };
   }
 
   onSlideChanged(slider) {
diff --git a/ionic/components/slides/test/loop/main.html b/ionic/components/slides/test/loop/main.html
index a570e67623..01d2a6f6d8 100644
--- a/ionic/components/slides/test/loop/main.html
+++ b/ionic/components/slides/test/loop/main.html
@@ -1,5 +1,5 @@
 <div class="slides-div">
-  <ion-slides [index]="startingIndex" loop="true" id="loopSlider" (change)="onSlideChanged($event)" pager>
+  <ion-slides [options]="myTopSlideOptions" id="loopSlider" (change)="onSlideChanged($event)" pager>
     <ion-slide *ngFor="#slide of slides" [ngClass]="slide.class">
       Loop {{ slide.name }}
     </ion-slide>
@@ -8,7 +8,7 @@
 
 
 <div class="slides-div">
-  <ion-slides loop="false" id="loopSlider" (change)="onSlideChanged($event)" pager>
+  <ion-slides (change)="onSlideChanged($event)" pager>
     <ion-slide *ngFor="#slide of slides" [ngClass]="slide.class">
       Don't Loop {{ slide.name }}
     </ion-slide>
diff --git a/ionic/components/slides/test/scroll/main.html b/ionic/components/slides/test/scroll/main.html
index 2ab57c8cce..60a67a53bb 100644
--- a/ionic/components/slides/test/scroll/main.html
+++ b/ionic/components/slides/test/scroll/main.html
@@ -6,9 +6,9 @@
 
   <div style="height: 300px">
     <ion-slides pager="true">
-      <ion-slide class="yellow">Slide 1</ion-slide>
-      <ion-slide class="blue">Slide 2</ion-slide>
-      <ion-slide class="red">Slide 3</ion-slide>
+      <ion-slide style="background-color: yellow">Slide 1</ion-slide>
+      <ion-slide style="background-color: blue">Slide 2</ion-slide>
+      <ion-slide style="background-color: red">Slide 3</ion-slide>
     </ion-slides>
   </div>
   <ion-list>
@@ -18,17 +18,3 @@
   </ion-list>
 
 </ion-content>
-
-<style>
-  .yellow {
-    background-color: yellow;
-  }
-
-  .blue {
-    background-color: blue;
-  }
-
-  .red {
-    background-color: red;
-  }
-</style>