- reorganize basic test page;

Author: JoaoFerreira-FrontEnd

core/src/components/select/test/basic/index.html

@@ -33,6 +33,44 @@
               <ion-select-option value="apples">Apples</ion-select-option>
               <ion-select-option value="oranges">Oranges</ion-select-option>
               <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
+
+          <ion-item>
+            <ion-select label="Popover" placeholder="Select one" interface="popover">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
+
+          <ion-item>
+            <ion-select label="Action Sheet" placeholder="Select one" interface="action-sheet">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
+
+          <ion-item>
+            <ion-select label="Modal" placeholder="Select one" interface="modal">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
+        </ion-list>
+
+        <ion-list>
+          <ion-list-header>
+            <ion-label>Single Value - Overflowing Options</ion-label>
+          </ion-list-header>
+
+          <ion-item>
+            <ion-select id="alert-select" label="Alert" placeholder="Select one" interface="alert" value="dragonfruit">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
               <ion-select-option value="pineaple">Pineaple</ion-select-option>
               <ion-select-option value="peach">Peach</ion-select-option>
               <ion-select-option value="melon">Melon</ion-select-option>
@@ -49,7 +87,7 @@
           </ion-item>
 
           <ion-item>
-            <ion-select label="Popover" placeholder="Select one" interface="popover">
+            <ion-select label="Popover" placeholder="Select one" interface="popover" value="2watermelon">
               <ion-select-option value="apples">Apples</ion-select-option>
               <ion-select-option value="oranges">Oranges</ion-select-option>
               <ion-select-option value="pears">Pears</ion-select-option>
@@ -101,7 +139,7 @@
           </ion-item>
 
           <ion-item>
-            <ion-select label="Action Sheet" placeholder="Select one" interface="action-sheet">
+            <ion-select label="Action Sheet" placeholder="Select one" interface="action-sheet" value="2watermelon">
               <ion-select-option value="apples">Apples</ion-select-option>
               <ion-select-option value="oranges">Oranges</ion-select-option>
               <ion-select-option value="pears">Pears</ion-select-option>
@@ -153,7 +191,7 @@
           </ion-item>
 
           <ion-item>
-            <ion-select label="Modal" placeholder="Select one" interface="modal">
+            <ion-select label="Modal" placeholder="Select one" interface="modal" value="kiwi">
               <ion-select-option value="apples">Apples</ion-select-option>
               <ion-select-option value="oranges">Oranges</ion-select-option>
               <ion-select-option value="pears">Pears</ion-select-option>