From b8597f8036e7401d168668b502df22df7852d9d3 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 5 Jan 2016 16:36:19 -0500
Subject: [PATCH] test(grid): added test case for using text alignment
 attributes in a grid

this will be used for the actions in a card references #279
---
 ionic/components/grid/test/alignment/index.ts |  7 ++
 .../components/grid/test/alignment/main.html  | 71 +++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 ionic/components/grid/test/alignment/index.ts
 create mode 100644 ionic/components/grid/test/alignment/main.html

diff --git a/ionic/components/grid/test/alignment/index.ts b/ionic/components/grid/test/alignment/index.ts
new file mode 100644
index 0000000000..43aed36502
--- /dev/null
+++ b/ionic/components/grid/test/alignment/index.ts
@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}
diff --git a/ionic/components/grid/test/alignment/main.html b/ionic/components/grid/test/alignment/main.html
new file mode 100644
index 0000000000..65ed491976
--- /dev/null
+++ b/ionic/components/grid/test/alignment/main.html
@@ -0,0 +1,71 @@
+<ion-toolbar><ion-title>Grid Alignment</ion-title></ion-toolbar>
+
+<ion-content class="alignment-demo">
+  <ion-row>
+    <ion-col>
+      ion-col
+    </ion-col>
+    <ion-col text-right>
+      ion-col[text-right]
+    </ion-col>
+  </ion-row>
+
+  <ion-row text-center>
+    <ion-col>
+      ion-row[text-center]
+    </ion-col>
+    <ion-col>
+      ion-row[text-center]
+    </ion-col>
+    <ion-col>
+      ion-row[text-center]
+    </ion-col>
+  </ion-row>
+
+  <ion-row>
+    <ion-col text-left>
+      ion-col[text-left]
+    </ion-col>
+    <ion-col text-left>
+      ion-col[text-left]
+    </ion-col>
+    <ion-col text-right>
+      ion-col[text-right]
+    </ion-col>
+    <ion-col text-right>
+      ion-col[text-right]
+    </ion-col>
+  </ion-row>
+
+  <ion-row>
+    <ion-col>
+      <button small>Button 1</button>
+    </ion-col>
+    <ion-col width-50 text-center>
+      <button small>Button 2</button>
+      <button small>Button 3</button>
+    </ion-col>
+    <ion-col text-right>
+      <button small>Button 4</button>
+    </ion-col>
+  </ion-row>
+
+  <ion-row>
+    <ion-col>
+      <button small>Button 1</button>
+      <button small>Button 2</button>
+    </ion-col>
+    <ion-col text-right>
+      <button small>Button 3</button>
+      <button small>Button 4</button>
+    </ion-col>
+  </ion-row>
+
+</ion-content>
+
+<style>
+  .alignment-demo ion-row {
+    border: 1px solid #ddd;
+    margin: 10px 0;
+  }
+</style>