refactor(item): changed the ion-item-group-title to an ion-item-divider with a sticky attribute

Added a test for dividers. Closes #636

ionic/components/item/test/dividers/index.ts

@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}

ionic/components/item/test/dividers/main.html

@@ -0,0 +1,59 @@
+<ion-toolbar><ion-title>Item Divider</ion-title></ion-toolbar>
+
+<ion-content class="outer-content">
+
+  <ion-item>
+    Plain Ol' div with some text
+  </ion-item>
+
+  <ion-item>
+    Single line text that should have ellipses when it doesn't all fit in the item
+  </ion-item>
+
+  <ion-item-divider>
+    Item Divider
+  </ion-item-divider>
+
+  <ion-item text-wrap>
+    Multiline text that should wrap when it is too long
+    to fit on one line in the item. Attribute on .item
+  </ion-item>
+
+  <ion-item text-wrap>
+    <h1>H1 Title Text</h1>
+    <p>Paragraph line 1</p>
+  </ion-item>
+
+  <ion-item text-wrap>
+    <h2>H2 Title Text</h2>
+    <p>Paragraph line 1</p>
+  </ion-item>
+
+  <ion-item-divider></ion-item-divider>
+
+  <ion-item text-wrap>
+    <h3>H3 Title Text</h3>
+    <p>Paragraph line 1</p>
+    <p>Paragraph line 2</p>
+  </ion-item>
+
+  <ion-item text-wrap>
+    <h4>H4 Title Text</h4>
+    <p>Paragraph line 1</p>
+    <p>Paragraph line 2</p>
+    <p>Paragraph line 3</p>
+  </ion-item>
+
+  <ion-item>
+    <ion-item-content>
+      Column 1
+    </ion-item-content>
+    <ion-item-content>
+      Column 2
+    </ion-item-content>
+    <ion-item-content>
+      Column 3
+    </ion-item-content>
+  </ion-item>
+
+</ion-content>

ionic/components/item/test/groups/session-list.html

@@ -10,9 +10,9 @@
   <ion-list>
     <ion-item-group *ng-for="#timeSlot of data">
 
-      <ion-item-group-title>
+      <ion-item-divider sticky>
         {{timeSlot.time}}
-      </ion-item-group-title>
+      </ion-item-divider>
 
       <ion-item-sliding *ng-for="#session of timeSlot.talks" [attr.category]="session.category" #sliding-item>
         <button ion-item (click)="openSession(session)">