From f467b34091db3a5eabcfb7e97ee282e24d0a55ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Ferreira?= <joao.manuel.ferreira@outsystems.com>
Date: Wed, 19 Feb 2025 18:42:05 +0000
Subject: [PATCH] - reorganize basic test page;

---
 .../components/select/test/basic/index.html   | 130 +++++++++++-------
 1 file changed, 84 insertions(+), 46 deletions(-)

diff --git a/core/src/components/select/test/basic/index.html b/core/src/components/select/test/basic/index.html
index d59ce39098..ce4d5d6b21 100644
--- a/core/src/components/select/test/basic/index.html
+++ b/core/src/components/select/test/basic/index.html
@@ -33,18 +33,6 @@
               <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>
-              <ion-select-option value="watermelon">Watermelon</ion-select-option>
-              <ion-select-option value="strawberry">Strawberry</ion-select-option>
-              <ion-select-option value="grapes">Grapes</ion-select-option>
-              <ion-select-option value="banana">Banana</ion-select-option>
-              <ion-select-option value="mango">Mango</ion-select-option>
-              <ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
-              <ion-select-option value="kiwi">Kiwi</ion-select-option>
-              <ion-select-option value="blackberry">Blackberry</ion-select-option>
-              <ion-select-option value="blueberry">Blueberry</ion-select-option>
             </ion-select>
           </ion-item>
 
@@ -53,6 +41,36 @@
               <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>
@@ -65,43 +83,11 @@
               <ion-select-option value="kiwi">Kiwi</ion-select-option>
               <ion-select-option value="blackberry">Blackberry</ion-select-option>
               <ion-select-option value="blueberry">Blueberry</ion-select-option>
-
-              <ion-select-option value="1apples">Apples</ion-select-option>
-              <ion-select-option value="1oranges">Oranges</ion-select-option>
-              <ion-select-option value="1pears">Pears</ion-select-option>
-              <ion-select-option value="1pineaple">Pineaple</ion-select-option>
-              <ion-select-option value="1peach">Peach</ion-select-option>
-              <ion-select-option value="1melon">Melon</ion-select-option>
-              <ion-select-option value="1watermelon">Watermelon</ion-select-option>
-              <ion-select-option value="1strawberry">Strawberry</ion-select-option>
-              <ion-select-option value="1grapes">Grapes</ion-select-option>
-              <ion-select-option value="1banana">Banana</ion-select-option>
-              <ion-select-option value="1mango">Mango</ion-select-option>
-              <ion-select-option value="1dragonfruit">Dragonfruit</ion-select-option>
-              <ion-select-option value="1kiwi">Kiwi</ion-select-option>
-              <ion-select-option value="1blackberry">Blackberry</ion-select-option>
-              <ion-select-option value="1blueberry">Blueberry</ion-select-option>
-
-              <ion-select-option value="2apples">Apples</ion-select-option>
-              <ion-select-option value="2oranges">Oranges</ion-select-option>
-              <ion-select-option value="2pears">Pears</ion-select-option>
-              <ion-select-option value="2pineaple">Pineaple</ion-select-option>
-              <ion-select-option value="2peach">Peach</ion-select-option>
-              <ion-select-option value="2melon">Melon</ion-select-option>
-              <ion-select-option value="2watermelon">Watermelon</ion-select-option>
-              <ion-select-option value="2strawberry">Strawberry</ion-select-option>
-              <ion-select-option value="2grapes">Grapes</ion-select-option>
-              <ion-select-option value="2banana">Banana</ion-select-option>
-              <ion-select-option value="2mango">Mango</ion-select-option>
-              <ion-select-option value="2dragonfruit">Dragonfruit</ion-select-option>
-              <ion-select-option value="2kiwi">Kiwi</ion-select-option>
-              <ion-select-option value="2blackberry">Blackberry</ion-select-option>
-              <ion-select-option value="2blueberry">Blueberry</ion-select-option>
             </ion-select>
           </ion-item>
 
           <ion-item>
-            <ion-select label="Action Sheet" placeholder="Select one" interface="action-sheet">
+            <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>
@@ -153,7 +139,59 @@
           </ion-item>
 
           <ion-item>
-            <ion-select label="Modal" placeholder="Select one" interface="modal">
+            <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>
+              <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>
+              <ion-select-option value="watermelon">Watermelon</ion-select-option>
+              <ion-select-option value="strawberry">Strawberry</ion-select-option>
+              <ion-select-option value="grapes">Grapes</ion-select-option>
+              <ion-select-option value="banana">Banana</ion-select-option>
+              <ion-select-option value="mango">Mango</ion-select-option>
+              <ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
+              <ion-select-option value="kiwi">Kiwi</ion-select-option>
+              <ion-select-option value="blackberry">Blackberry</ion-select-option>
+              <ion-select-option value="blueberry">Blueberry</ion-select-option>
+
+              <ion-select-option value="1apples">Apples</ion-select-option>
+              <ion-select-option value="1oranges">Oranges</ion-select-option>
+              <ion-select-option value="1pears">Pears</ion-select-option>
+              <ion-select-option value="1pineaple">Pineaple</ion-select-option>
+              <ion-select-option value="1peach">Peach</ion-select-option>
+              <ion-select-option value="1melon">Melon</ion-select-option>
+              <ion-select-option value="1watermelon">Watermelon</ion-select-option>
+              <ion-select-option value="1strawberry">Strawberry</ion-select-option>
+              <ion-select-option value="1grapes">Grapes</ion-select-option>
+              <ion-select-option value="1banana">Banana</ion-select-option>
+              <ion-select-option value="1mango">Mango</ion-select-option>
+              <ion-select-option value="1dragonfruit">Dragonfruit</ion-select-option>
+              <ion-select-option value="1kiwi">Kiwi</ion-select-option>
+              <ion-select-option value="1blackberry">Blackberry</ion-select-option>
+              <ion-select-option value="1blueberry">Blueberry</ion-select-option>
+
+              <ion-select-option value="2apples">Apples</ion-select-option>
+              <ion-select-option value="2oranges">Oranges</ion-select-option>
+              <ion-select-option value="2pears">Pears</ion-select-option>
+              <ion-select-option value="2pineaple">Pineaple</ion-select-option>
+              <ion-select-option value="2peach">Peach</ion-select-option>
+              <ion-select-option value="2melon">Melon</ion-select-option>
+              <ion-select-option value="2watermelon">Watermelon</ion-select-option>
+              <ion-select-option value="2strawberry">Strawberry</ion-select-option>
+              <ion-select-option value="2grapes">Grapes</ion-select-option>
+              <ion-select-option value="2banana">Banana</ion-select-option>
+              <ion-select-option value="2mango">Mango</ion-select-option>
+              <ion-select-option value="2dragonfruit">Dragonfruit</ion-select-option>
+              <ion-select-option value="2kiwi">Kiwi</ion-select-option>
+              <ion-select-option value="2blackberry">Blackberry</ion-select-option>
+              <ion-select-option value="2blueberry">Blueberry</ion-select-option>
+            </ion-select>
+          </ion-item>
+
+          <ion-item>
+            <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>