From 3f07d6bd0bf01d843c2e005e69ff520d98f603ba Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Mon, 25 Apr 2016 10:41:48 -0400
Subject: [PATCH] test(button): add test for raised buttons

---
 ionic/components/button/test/raised/index.ts  | 21 ++++++++++
 ionic/components/button/test/raised/main.html | 41 +++++++++++++++++++
 2 files changed, 62 insertions(+)
 create mode 100644 ionic/components/button/test/raised/index.ts
 create mode 100644 ionic/components/button/test/raised/main.html

diff --git a/ionic/components/button/test/raised/index.ts b/ionic/components/button/test/raised/index.ts
new file mode 100644
index 0000000000..08bc65ea84
--- /dev/null
+++ b/ionic/components/button/test/raised/index.ts
@@ -0,0 +1,21 @@
+import {App, IonicApp} from 'ionic-angular';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+  constructor(app: IonicApp) {
+    app.setTitle('Basic Buttons');
+
+    this.testingColors = ['primary', 'secondary', 'danger', 'dark'];
+    this.testingColorIndex = 0;
+    this.chgColor();
+  }
+
+  chgColor() {
+    this.btnColor = this.testingColors[this.testingColorIndex];
+    console.log('dynamic btnColor', this.btnColor);
+    this.testingColorIndex = (this.testingColorIndex >= this.testingColors.length - 1 ? 0 : this.testingColorIndex + 1);
+  }
+}
diff --git a/ionic/components/button/test/raised/main.html b/ionic/components/button/test/raised/main.html
new file mode 100644
index 0000000000..51a9b1d7f3
--- /dev/null
+++ b/ionic/components/button/test/raised/main.html
@@ -0,0 +1,41 @@
+
+<ion-toolbar>
+  <ion-title>Raised Buttons</ion-title>
+</ion-toolbar>
+
+<ion-content padding style="text-align:center">
+
+  <p>
+    <button raised><span>Default</span></button>
+    <button raised raised class="activated">Default.activated</button>
+  </p>
+
+  <p>
+    <button raised outline>Outline</button>
+    <button raised outline class="activated">Outline.activated</button>
+  </p>
+
+  <p>
+    <button raised clear>Clear</button>
+    <button raised clear class="activated">Clear.activated</button>
+  </p>
+
+  <p>
+    <button raised fab style="position: relative">FAB</button>
+    <button raised fab style="position: relative" class="activated">FAB</button>
+  </p>
+
+  <p>
+    <button raised round>Round</button>
+    <button raised round class="activated">Round.activated</button>
+  </p>
+
+  <p>
+    <button raised block>Block</button>
+    <button raised block class="activated">Block.activated</button>
+  </p>
+
+  <p>
+    <button raised clear disabled>Clear Disabled</button>
+  </p>
+</ion-content>