Skip to content

Commit fd80971

Browse files
brandyscarneybrandyscarney
committed
test(select): update overflowing options and take screenshot of selected
1 parent 665f908 commit fd80971

File tree

2 files changed

+165
-117
lines changed

2 files changed

+165
-117
lines changed

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

Lines changed: 124 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -67,146 +67,154 @@
6767
</ion-list-header>
6868

6969
<ion-item>
70-
<ion-select id="alert-select2" label="Alert" placeholder="Select one" interface="alert" value="dragonfruit">
71-
<ion-select-option value="apples">Apples</ion-select-option>
72-
<ion-select-option value="oranges">Oranges</ion-select-option>
73-
<ion-select-option value="pears">Pears</ion-select-option>
74-
<ion-select-option value="pineaple">Pineaple</ion-select-option>
75-
<ion-select-option value="peach">Peach</ion-select-option>
76-
<ion-select-option value="melon">Melon</ion-select-option>
77-
<ion-select-option value="watermelon">Watermelon</ion-select-option>
78-
<ion-select-option value="strawberry">Strawberry</ion-select-option>
79-
<ion-select-option value="grapes">Grapes</ion-select-option>
70+
<ion-select id="alert-select-scroll-to-selected" label="Alert" interface="alert" value="watermelon">
71+
<ion-select-option value="apple">Apple</ion-select-option>
72+
<ion-select-option value="apricot">Apricot</ion-select-option>
73+
<ion-select-option value="avocado">Avocado</ion-select-option>
8074
<ion-select-option value="banana">Banana</ion-select-option>
81-
<ion-select-option value="mango">Mango</ion-select-option>
82-
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
83-
<ion-select-option value="kiwi">Kiwi</ion-select-option>
8475
<ion-select-option value="blackberry">Blackberry</ion-select-option>
8576
<ion-select-option value="blueberry">Blueberry</ion-select-option>
77+
<ion-select-option value="cantaloupe">Cantaloupe</ion-select-option>
78+
<ion-select-option value="cherry">Cherry</ion-select-option>
79+
<ion-select-option value="coconut">Coconut</ion-select-option>
80+
<ion-select-option value="cranberry">Cranberry</ion-select-option>
81+
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
82+
<ion-select-option value="fig">Fig</ion-select-option>
83+
<ion-select-option value="grape">Grape</ion-select-option>
84+
<ion-select-option value="grapefruit">Grapefruit</ion-select-option>
85+
<ion-select-option value="guava">Guava</ion-select-option>
86+
<ion-select-option value="kiwi">Kiwi</ion-select-option>
87+
<ion-select-option value="lemon">Lemon</ion-select-option>
88+
<ion-select-option value="lime">Lime</ion-select-option>
89+
<ion-select-option value="lychee">Lychee</ion-select-option>
90+
<ion-select-option value="mango">Mango</ion-select-option>
91+
<ion-select-option value="nectarine">Nectarine</ion-select-option>
92+
<ion-select-option value="orange">Orange</ion-select-option>
93+
<ion-select-option value="papaya">Papaya</ion-select-option>
94+
<ion-select-option value="passion-fruit">Passion Fruit</ion-select-option>
95+
<ion-select-option value="peach">Peach</ion-select-option>
96+
<ion-select-option value="pear">Pear</ion-select-option>
97+
<ion-select-option value="pineapple">Pineapple</ion-select-option>
98+
<ion-select-option value="plum">Plum</ion-select-option>
99+
<ion-select-option value="pomegranate">Pomegranate</ion-select-option>
100+
<ion-select-option value="raspberry">Raspberry</ion-select-option>
101+
<ion-select-option value="strawberry">Strawberry</ion-select-option>
102+
<ion-select-option value="tangerine">Tangerine</ion-select-option>
103+
<ion-select-option value="watermelon">Watermelon</ion-select-option>
86104
</ion-select>
87105
</ion-item>
88106

89107
<ion-item>
90-
<ion-select label="Popover" placeholder="Select one" interface="popover" value="2watermelon">
91-
<ion-select-option value="apples">Apples</ion-select-option>
92-
<ion-select-option value="oranges">Oranges</ion-select-option>
93-
<ion-select-option value="pears">Pears</ion-select-option>
94-
<ion-select-option value="pineaple">Pineaple</ion-select-option>
95-
<ion-select-option value="peach">Peach</ion-select-option>
96-
<ion-select-option value="melon">Melon</ion-select-option>
97-
<ion-select-option value="watermelon">Watermelon</ion-select-option>
98-
<ion-select-option value="strawberry">Strawberry</ion-select-option>
99-
<ion-select-option value="grapes">Grapes</ion-select-option>
108+
<ion-select id="action-sheet-select-scroll-to-selected" label="Action Sheet" interface="action-sheet" value="watermelon">
109+
<ion-select-option value="apple">Apple</ion-select-option>
110+
<ion-select-option value="apricot">Apricot</ion-select-option>
111+
<ion-select-option value="avocado">Avocado</ion-select-option>
100112
<ion-select-option value="banana">Banana</ion-select-option>
101-
<ion-select-option value="mango">Mango</ion-select-option>
102-
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
103-
<ion-select-option value="kiwi">Kiwi</ion-select-option>
104113
<ion-select-option value="blackberry">Blackberry</ion-select-option>
105114
<ion-select-option value="blueberry">Blueberry</ion-select-option>
106-
107-
<ion-select-option value="1apples">Apples</ion-select-option>
108-
<ion-select-option value="1oranges">Oranges</ion-select-option>
109-
<ion-select-option value="1pears">Pears</ion-select-option>
110-
<ion-select-option value="1pineaple">Pineaple</ion-select-option>
111-
<ion-select-option value="1peach">Peach</ion-select-option>
112-
<ion-select-option value="1melon">Melon</ion-select-option>
113-
<ion-select-option value="1watermelon">Watermelon</ion-select-option>
114-
<ion-select-option value="1strawberry">Strawberry</ion-select-option>
115-
<ion-select-option value="1grapes">Grapes</ion-select-option>
116-
<ion-select-option value="1banana">Banana</ion-select-option>
117-
<ion-select-option value="1mango">Mango</ion-select-option>
118-
<ion-select-option value="1dragonfruit">Dragonfruit</ion-select-option>
119-
<ion-select-option value="1kiwi">Kiwi</ion-select-option>
120-
<ion-select-option value="1blackberry">Blackberry</ion-select-option>
121-
<ion-select-option value="1blueberry">Blueberry</ion-select-option>
122-
123-
<ion-select-option value="2apples">Apples</ion-select-option>
124-
<ion-select-option value="2oranges">Oranges</ion-select-option>
125-
<ion-select-option value="2pears">Pears</ion-select-option>
126-
<ion-select-option value="2pineaple">Pineaple</ion-select-option>
127-
<ion-select-option value="2peach">Peach</ion-select-option>
128-
<ion-select-option value="2melon">Melon</ion-select-option>
129-
<ion-select-option value="2watermelon">Watermelon</ion-select-option>
130-
<ion-select-option value="2strawberry">Strawberry</ion-select-option>
131-
<ion-select-option value="2grapes">Grapes</ion-select-option>
132-
<ion-select-option value="2banana">Banana</ion-select-option>
133-
<ion-select-option value="2mango">Mango</ion-select-option>
134-
<ion-select-option value="2dragonfruit">Dragonfruit</ion-select-option>
135-
<ion-select-option value="2kiwi">Kiwi</ion-select-option>
136-
<ion-select-option value="2blackberry">Blackberry</ion-select-option>
137-
<ion-select-option value="2blueberry">Blueberry</ion-select-option>
115+
<ion-select-option value="cantaloupe">Cantaloupe</ion-select-option>
116+
<ion-select-option value="cherry">Cherry</ion-select-option>
117+
<ion-select-option value="coconut">Coconut</ion-select-option>
118+
<ion-select-option value="cranberry">Cranberry</ion-select-option>
119+
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
120+
<ion-select-option value="fig">Fig</ion-select-option>
121+
<ion-select-option value="grape">Grape</ion-select-option>
122+
<ion-select-option value="grapefruit">Grapefruit</ion-select-option>
123+
<ion-select-option value="guava">Guava</ion-select-option>
124+
<ion-select-option value="kiwi">Kiwi</ion-select-option>
125+
<ion-select-option value="lemon">Lemon</ion-select-option>
126+
<ion-select-option value="lime">Lime</ion-select-option>
127+
<ion-select-option value="lychee">Lychee</ion-select-option>
128+
<ion-select-option value="mango">Mango</ion-select-option>
129+
<ion-select-option value="nectarine">Nectarine</ion-select-option>
130+
<ion-select-option value="orange">Orange</ion-select-option>
131+
<ion-select-option value="papaya">Papaya</ion-select-option>
132+
<ion-select-option value="passion-fruit">Passion Fruit</ion-select-option>
133+
<ion-select-option value="peach">Peach</ion-select-option>
134+
<ion-select-option value="pear">Pear</ion-select-option>
135+
<ion-select-option value="pineapple">Pineapple</ion-select-option>
136+
<ion-select-option value="plum">Plum</ion-select-option>
137+
<ion-select-option value="pomegranate">Pomegranate</ion-select-option>
138+
<ion-select-option value="raspberry">Raspberry</ion-select-option>
139+
<ion-select-option value="strawberry">Strawberry</ion-select-option>
140+
<ion-select-option value="tangerine">Tangerine</ion-select-option>
141+
<ion-select-option value="watermelon">Watermelon</ion-select-option>
138142
</ion-select>
139143
</ion-item>
140144

141145
<ion-item>
142-
<ion-select label="Action Sheet" placeholder="Select one" interface="action-sheet" value="2watermelon">
143-
<ion-select-option value="apples">Apples</ion-select-option>
144-
<ion-select-option value="oranges">Oranges</ion-select-option>
145-
<ion-select-option value="pears">Pears</ion-select-option>
146-
<ion-select-option value="pineaple">Pineaple</ion-select-option>
147-
<ion-select-option value="peach">Peach</ion-select-option>
148-
<ion-select-option value="melon">Melon</ion-select-option>
149-
<ion-select-option value="watermelon">Watermelon</ion-select-option>
150-
<ion-select-option value="strawberry">Strawberry</ion-select-option>
151-
<ion-select-option value="grapes">Grapes</ion-select-option>
146+
<ion-select id="popover-select-scroll-to-selected" label="Popover" interface="popover" value="watermelon">
147+
<ion-select-option value="apple">Apple</ion-select-option>
148+
<ion-select-option value="apricot">Apricot</ion-select-option>
149+
<ion-select-option value="avocado">Avocado</ion-select-option>
152150
<ion-select-option value="banana">Banana</ion-select-option>
153-
<ion-select-option value="mango">Mango</ion-select-option>
154-
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
155-
<ion-select-option value="kiwi">Kiwi</ion-select-option>
156151
<ion-select-option value="blackberry">Blackberry</ion-select-option>
157152
<ion-select-option value="blueberry">Blueberry</ion-select-option>
158-
159-
<ion-select-option value="1apples">Apples</ion-select-option>
160-
<ion-select-option value="1oranges">Oranges</ion-select-option>
161-
<ion-select-option value="1pears">Pears</ion-select-option>
162-
<ion-select-option value="1pineaple">Pineaple</ion-select-option>
163-
<ion-select-option value="1peach">Peach</ion-select-option>
164-
<ion-select-option value="1melon">Melon</ion-select-option>
165-
<ion-select-option value="1watermelon">Watermelon</ion-select-option>
166-
<ion-select-option value="1strawberry">Strawberry</ion-select-option>
167-
<ion-select-option value="1grapes">Grapes</ion-select-option>
168-
<ion-select-option value="1banana">Banana</ion-select-option>
169-
<ion-select-option value="1mango">Mango</ion-select-option>
170-
<ion-select-option value="1dragonfruit">Dragonfruit</ion-select-option>
171-
<ion-select-option value="1kiwi">Kiwi</ion-select-option>
172-
<ion-select-option value="1blackberry">Blackberry</ion-select-option>
173-
<ion-select-option value="1blueberry">Blueberry</ion-select-option>
174-
175-
<ion-select-option value="2apples">Apples</ion-select-option>
176-
<ion-select-option value="2oranges">Oranges</ion-select-option>
177-
<ion-select-option value="2pears">Pears</ion-select-option>
178-
<ion-select-option value="2pineaple">Pineaple</ion-select-option>
179-
<ion-select-option value="2peach">Peach</ion-select-option>
180-
<ion-select-option value="2melon">Melon</ion-select-option>
181-
<ion-select-option value="2watermelon">Watermelon</ion-select-option>
182-
<ion-select-option value="2strawberry">Strawberry</ion-select-option>
183-
<ion-select-option value="2grapes">Grapes</ion-select-option>
184-
<ion-select-option value="2banana">Banana</ion-select-option>
185-
<ion-select-option value="2mango">Mango</ion-select-option>
186-
<ion-select-option value="2dragonfruit">Dragonfruit</ion-select-option>
187-
<ion-select-option value="2kiwi">Kiwi</ion-select-option>
188-
<ion-select-option value="2blackberry">Blackberry</ion-select-option>
189-
<ion-select-option value="2blueberry">Blueberry</ion-select-option>
153+
<ion-select-option value="cantaloupe">Cantaloupe</ion-select-option>
154+
<ion-select-option value="cherry">Cherry</ion-select-option>
155+
<ion-select-option value="coconut">Coconut</ion-select-option>
156+
<ion-select-option value="cranberry">Cranberry</ion-select-option>
157+
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
158+
<ion-select-option value="fig">Fig</ion-select-option>
159+
<ion-select-option value="grape">Grape</ion-select-option>
160+
<ion-select-option value="grapefruit">Grapefruit</ion-select-option>
161+
<ion-select-option value="guava">Guava</ion-select-option>
162+
<ion-select-option value="kiwi">Kiwi</ion-select-option>
163+
<ion-select-option value="lemon">Lemon</ion-select-option>
164+
<ion-select-option value="lime">Lime</ion-select-option>
165+
<ion-select-option value="lychee">Lychee</ion-select-option>
166+
<ion-select-option value="mango">Mango</ion-select-option>
167+
<ion-select-option value="nectarine">Nectarine</ion-select-option>
168+
<ion-select-option value="orange">Orange</ion-select-option>
169+
<ion-select-option value="papaya">Papaya</ion-select-option>
170+
<ion-select-option value="passion-fruit">Passion Fruit</ion-select-option>
171+
<ion-select-option value="peach">Peach</ion-select-option>
172+
<ion-select-option value="pear">Pear</ion-select-option>
173+
<ion-select-option value="pineapple">Pineapple</ion-select-option>
174+
<ion-select-option value="plum">Plum</ion-select-option>
175+
<ion-select-option value="pomegranate">Pomegranate</ion-select-option>
176+
<ion-select-option value="raspberry">Raspberry</ion-select-option>
177+
<ion-select-option value="strawberry">Strawberry</ion-select-option>
178+
<ion-select-option value="tangerine">Tangerine</ion-select-option>
179+
<ion-select-option value="watermelon">Watermelon</ion-select-option>
190180
</ion-select>
191181
</ion-item>
192182

193183
<ion-item>
194-
<ion-select label="Modal" placeholder="Select one" interface="modal" value="kiwi">
195-
<ion-select-option value="apples">Apples</ion-select-option>
196-
<ion-select-option value="oranges">Oranges</ion-select-option>
197-
<ion-select-option value="pears">Pears</ion-select-option>
198-
<ion-select-option value="pineaple">Pineaple</ion-select-option>
199-
<ion-select-option value="peach">Peach</ion-select-option>
200-
<ion-select-option value="melon">Melon</ion-select-option>
201-
<ion-select-option value="watermelon">Watermelon</ion-select-option>
202-
<ion-select-option value="strawberry">Strawberry</ion-select-option>
203-
<ion-select-option value="grapes">Grapes</ion-select-option>
184+
<ion-select id="modal-select-scroll-to-selected" label="Modal" interface="modal" value="watermelon">
185+
<ion-select-option value="apple">Apple</ion-select-option>
186+
<ion-select-option value="apricot">Apricot</ion-select-option>
187+
<ion-select-option value="avocado">Avocado</ion-select-option>
204188
<ion-select-option value="banana">Banana</ion-select-option>
205-
<ion-select-option value="mango">Mango</ion-select-option>
206-
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
207-
<ion-select-option value="kiwi">Kiwi</ion-select-option>
208189
<ion-select-option value="blackberry">Blackberry</ion-select-option>
209190
<ion-select-option value="blueberry">Blueberry</ion-select-option>
191+
<ion-select-option value="cantaloupe">Cantaloupe</ion-select-option>
192+
<ion-select-option value="cherry">Cherry</ion-select-option>
193+
<ion-select-option value="coconut">Coconut</ion-select-option>
194+
<ion-select-option value="cranberry">Cranberry</ion-select-option>
195+
<ion-select-option value="dragonfruit">Dragonfruit</ion-select-option>
196+
<ion-select-option value="fig">Fig</ion-select-option>
197+
<ion-select-option value="grape">Grape</ion-select-option>
198+
<ion-select-option value="grapefruit">Grapefruit</ion-select-option>
199+
<ion-select-option value="guava">Guava</ion-select-option>
200+
<ion-select-option value="kiwi">Kiwi</ion-select-option>
201+
<ion-select-option value="lemon">Lemon</ion-select-option>
202+
<ion-select-option value="lime">Lime</ion-select-option>
203+
<ion-select-option value="lychee">Lychee</ion-select-option>
204+
<ion-select-option value="mango">Mango</ion-select-option>
205+
<ion-select-option value="nectarine">Nectarine</ion-select-option>
206+
<ion-select-option value="orange">Orange</ion-select-option>
207+
<ion-select-option value="papaya">Papaya</ion-select-option>
208+
<ion-select-option value="passion-fruit">Passion Fruit</ion-select-option>
209+
<ion-select-option value="peach">Peach</ion-select-option>
210+
<ion-select-option value="pear">Pear</ion-select-option>
211+
<ion-select-option value="pineapple">Pineapple</ion-select-option>
212+
<ion-select-option value="plum">Plum</ion-select-option>
213+
<ion-select-option value="pomegranate">Pomegranate</ion-select-option>
214+
<ion-select-option value="raspberry">Raspberry</ion-select-option>
215+
<ion-select-option value="strawberry">Strawberry</ion-select-option>
216+
<ion-select-option value="tangerine">Tangerine</ion-select-option>
217+
<ion-select-option value="watermelon">Watermelon</ion-select-option>
210218
</ion-select>
211219
</ion-item>
212220
</ion-list>

0 commit comments

Comments
 (0)