Skip to content

Commit 7fad490

Browse files
thetaPCthetaPC
committed
test(select-option): remove ids
1 parent 96a4bb3 commit 7fad490

2 files changed

Lines changed: 36 additions & 36 deletions

File tree

‎core/src/components/select/test/rich-content-option/index.html‎

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -57,21 +57,21 @@
5757
<ion-select id="alert-select" label="Alert" placeholder="Select one" interface="alert">
5858
<ion-select-option value="full" description="Choose me!">
5959
<ion-badge slot="end">NEW</ion-badge>
60-
<ion-avatar id="avatar" slot="start" size="large">
60+
<ion-avatar slot="start" size="large">
6161
<img src="/src/components/avatar/test/avatar.svg" />
6262
</ion-avatar>
6363
Full Content
6464
<span class="span-style">This is a span element</span>
6565
</ion-select-option>
6666
<ion-select-option value="slots">
67-
<ion-avatar id="avatar" slot="start" size="large">
67+
<ion-avatar slot="start" size="large">
6868
<img src="/src/components/avatar/test/avatar.svg" />
6969
</ion-avatar>
7070
Slots
7171
<ion-badge slot="end">NEW</ion-badge>
7272
</ion-select-option>
7373
<ion-select-option value="start-slot">
74-
<ion-avatar id="avatar" slot="start" size="large">
74+
<ion-avatar slot="start" size="large">
7575
<img src="/src/components/avatar/test/avatar.svg" />
7676
</ion-avatar>
7777
Start Slot
@@ -86,14 +86,14 @@
8686
<ion-badge>NEW</ion-badge>
8787
</ion-select-option>
8888
<ion-select-option value="no-text" description="Choose me!">
89-
<ion-avatar id="avatar" slot="start" size="large">
89+
<ion-avatar slot="start" size="large">
9090
<img src="/src/components/avatar/test/avatar.svg" />
9191
</ion-avatar>
9292
<span class="span-style no-text-span-style">This is a span element</span>
9393
<ion-badge slot="end">NEW</ion-badge>
9494
</ion-select-option>
9595
<ion-select-option value="no-inner">
96-
<ion-avatar id="avatar" slot="start" size="large">
96+
<ion-avatar slot="start" size="large">
9797
<img src="/src/components/avatar/test/avatar.svg" />
9898
</ion-avatar>
9999
<ion-badge slot="end">NEW</ion-badge>
@@ -105,21 +105,21 @@
105105
<ion-select id="popover-select" label="Popover" placeholder="Select one" interface="popover">
106106
<ion-select-option value="full" description="Choose me!">
107107
<ion-badge slot="end">NEW</ion-badge>
108-
<ion-avatar id="avatar" slot="start" size="large">
108+
<ion-avatar slot="start" size="large">
109109
<img src="/src/components/avatar/test/avatar.svg" />
110110
</ion-avatar>
111111
Full Content
112112
<span class="span-style">This is a span element</span>
113113
</ion-select-option>
114114
<ion-select-option value="slots">
115-
<ion-avatar id="avatar" slot="start" size="large">
115+
<ion-avatar slot="start" size="large">
116116
<img src="/src/components/avatar/test/avatar.svg" />
117117
</ion-avatar>
118118
Slots
119119
<ion-badge slot="end">NEW</ion-badge>
120120
</ion-select-option>
121121
<ion-select-option value="start-slot">
122-
<ion-avatar id="avatar" slot="start" size="large">
122+
<ion-avatar slot="start" size="large">
123123
<img src="/src/components/avatar/test/avatar.svg" />
124124
</ion-avatar>
125125
Start Slot
@@ -134,14 +134,14 @@
134134
<ion-badge>NEW</ion-badge>
135135
</ion-select-option>
136136
<ion-select-option value="no-text" description="Choose me!">
137-
<ion-avatar id="avatar" slot="start" size="large">
137+
<ion-avatar slot="start" size="large">
138138
<img src="/src/components/avatar/test/avatar.svg" />
139139
</ion-avatar>
140140
<span class="span-style no-text-span-style">This is a span element</span>
141141
<ion-badge slot="end">NEW</ion-badge>
142142
</ion-select-option>
143143
<ion-select-option value="no-inner">
144-
<ion-avatar id="avatar" slot="start" size="large">
144+
<ion-avatar slot="start" size="large">
145145
<img src="/src/components/avatar/test/avatar.svg" />
146146
</ion-avatar>
147147
<ion-badge slot="end">NEW</ion-badge>
@@ -153,21 +153,21 @@
153153
<ion-select id="action-sheet-select" label="Action Sheet" placeholder="Select one" interface="action-sheet">
154154
<ion-select-option value="full" description="Choose me!">
155155
<ion-badge slot="end">NEW</ion-badge>
156-
<ion-avatar id="avatar" slot="start" size="large">
156+
<ion-avatar slot="start" size="large">
157157
<img src="/src/components/avatar/test/avatar.svg" />
158158
</ion-avatar>
159159
Full Content
160160
<span class="span-style">This is a span element</span>
161161
</ion-select-option>
162162
<ion-select-option value="slots">
163-
<ion-avatar id="avatar" slot="start" size="large">
163+
<ion-avatar slot="start" size="large">
164164
<img src="/src/components/avatar/test/avatar.svg" />
165165
</ion-avatar>
166166
Slots
167167
<ion-badge slot="end">NEW</ion-badge>
168168
</ion-select-option>
169169
<ion-select-option value="start-slot">
170-
<ion-avatar id="avatar" slot="start" size="large">
170+
<ion-avatar slot="start" size="large">
171171
<img src="/src/components/avatar/test/avatar.svg" />
172172
</ion-avatar>
173173
Start Slot
@@ -182,14 +182,14 @@
182182
<ion-badge>NEW</ion-badge>
183183
</ion-select-option>
184184
<ion-select-option value="no-text" description="Choose me!">
185-
<ion-avatar id="avatar" slot="start" size="large">
185+
<ion-avatar slot="start" size="large">
186186
<img src="/src/components/avatar/test/avatar.svg" />
187187
</ion-avatar>
188188
<span class="span-style no-text-span-style">This is a span element</span>
189189
<ion-badge slot="end">NEW</ion-badge>
190190
</ion-select-option>
191191
<ion-select-option value="no-inner">
192-
<ion-avatar id="avatar" slot="start" size="large">
192+
<ion-avatar slot="start" size="large">
193193
<img src="/src/components/avatar/test/avatar.svg" />
194194
</ion-avatar>
195195
<ion-badge slot="end">NEW</ion-badge>
@@ -201,21 +201,21 @@
201201
<ion-select id="modal-select" label="Modal" placeholder="Select one" interface="modal">
202202
<ion-select-option value="full" description="Choose me!">
203203
<ion-badge slot="end">NEW</ion-badge>
204-
<ion-avatar id="avatar" slot="start" size="large">
204+
<ion-avatar slot="start" size="large">
205205
<img src="/src/components/avatar/test/avatar.svg" />
206206
</ion-avatar>
207207
Full Content
208208
<span class="span-style">This is a span element</span>
209209
</ion-select-option>
210210
<ion-select-option value="slots">
211-
<ion-avatar id="avatar" slot="start" size="large">
211+
<ion-avatar slot="start" size="large">
212212
<img src="/src/components/avatar/test/avatar.svg" />
213213
</ion-avatar>
214214
Slots
215215
<ion-badge slot="end">NEW</ion-badge>
216216
</ion-select-option>
217217
<ion-select-option value="start-slot">
218-
<ion-avatar id="avatar" slot="start" size="large">
218+
<ion-avatar slot="start" size="large">
219219
<img src="/src/components/avatar/test/avatar.svg" />
220220
</ion-avatar>
221221
Start Slot
@@ -230,14 +230,14 @@
230230
<ion-badge>NEW</ion-badge>
231231
</ion-select-option>
232232
<ion-select-option value="no-text" description="Choose me!">
233-
<ion-avatar id="avatar" slot="start" size="large">
233+
<ion-avatar slot="start" size="large">
234234
<img src="/src/components/avatar/test/avatar.svg" />
235235
</ion-avatar>
236236
<span class="span-style no-text-span-style">This is a span element</span>
237237
<ion-badge slot="end">NEW</ion-badge>
238238
</ion-select-option>
239239
<ion-select-option value="no-inner">
240-
<ion-avatar id="avatar" slot="start" size="large">
240+
<ion-avatar slot="start" size="large">
241241
<img src="/src/components/avatar/test/avatar.svg" />
242242
</ion-avatar>
243243
<ion-badge slot="end">NEW</ion-badge>
@@ -255,21 +255,21 @@
255255
<ion-select id="alert-select-multiple" label="Alert" multiple="true" interface="alert">
256256
<ion-select-option value="full" description="Choose me!">
257257
<ion-badge slot="end">NEW</ion-badge>
258-
<ion-avatar id="avatar" slot="start" size="large">
258+
<ion-avatar slot="start" size="large">
259259
<img src="/src/components/avatar/test/avatar.svg" />
260260
</ion-avatar>
261261
Full Content
262262
<span class="span-style">This is a span element</span>
263263
</ion-select-option>
264264
<ion-select-option value="slots">
265-
<ion-avatar id="avatar" slot="start" size="large">
265+
<ion-avatar slot="start" size="large">
266266
<img src="/src/components/avatar/test/avatar.svg" />
267267
</ion-avatar>
268268
Slots
269269
<ion-badge slot="end">NEW</ion-badge>
270270
</ion-select-option>
271271
<ion-select-option value="start-slot">
272-
<ion-avatar id="avatar" slot="start" size="large">
272+
<ion-avatar slot="start" size="large">
273273
<img src="/src/components/avatar/test/avatar.svg" />
274274
</ion-avatar>
275275
Start Slot
@@ -284,14 +284,14 @@
284284
<ion-badge>NEW</ion-badge>
285285
</ion-select-option>
286286
<ion-select-option value="no-text" description="Choose me!">
287-
<ion-avatar id="avatar" slot="start" size="large">
287+
<ion-avatar slot="start" size="large">
288288
<img src="/src/components/avatar/test/avatar.svg" />
289289
</ion-avatar>
290290
<span class="span-style no-text-span-style">This is a span element</span>
291291
<ion-badge slot="end">NEW</ion-badge>
292292
</ion-select-option>
293293
<ion-select-option value="no-inner">
294-
<ion-avatar id="avatar" slot="start" size="large">
294+
<ion-avatar slot="start" size="large">
295295
<img src="/src/components/avatar/test/avatar.svg" />
296296
</ion-avatar>
297297
<ion-badge slot="end">NEW</ion-badge>
@@ -303,21 +303,21 @@
303303
<ion-select id="popover-select-multiple" label="Popover" multiple="true" interface="popover">
304304
<ion-select-option value="full" description="Choose me!">
305305
<ion-badge slot="end">NEW</ion-badge>
306-
<ion-avatar id="avatar" slot="start" size="large">
306+
<ion-avatar slot="start" size="large">
307307
<img src="/src/components/avatar/test/avatar.svg" />
308308
</ion-avatar>
309309
Full Content
310310
<span class="span-style">This is a span element</span>
311311
</ion-select-option>
312312
<ion-select-option value="slots">
313-
<ion-avatar id="avatar" slot="start" size="large">
313+
<ion-avatar slot="start" size="large">
314314
<img src="/src/components/avatar/test/avatar.svg" />
315315
</ion-avatar>
316316
Slots
317317
<ion-badge slot="end">NEW</ion-badge>
318318
</ion-select-option>
319319
<ion-select-option value="start-slot">
320-
<ion-avatar id="avatar" slot="start" size="large">
320+
<ion-avatar slot="start" size="large">
321321
<img src="/src/components/avatar/test/avatar.svg" />
322322
</ion-avatar>
323323
Start Slot
@@ -332,14 +332,14 @@
332332
<ion-badge>NEW</ion-badge>
333333
</ion-select-option>
334334
<ion-select-option value="no-text" description="Choose me!">
335-
<ion-avatar id="avatar" slot="start" size="large">
335+
<ion-avatar slot="start" size="large">
336336
<img src="/src/components/avatar/test/avatar.svg" />
337337
</ion-avatar>
338338
<span class="span-style no-text-span-style">This is a span element</span>
339339
<ion-badge slot="end">NEW</ion-badge>
340340
</ion-select-option>
341341
<ion-select-option value="no-inner">
342-
<ion-avatar id="avatar" slot="start" size="large">
342+
<ion-avatar slot="start" size="large">
343343
<img src="/src/components/avatar/test/avatar.svg" />
344344
</ion-avatar>
345345
<ion-badge slot="end">NEW</ion-badge>
@@ -351,21 +351,21 @@
351351
<ion-select id="modal-select-multiple" label="Modal" multiple="true" interface="modal">
352352
<ion-select-option value="full" description="Choose me!">
353353
<ion-badge slot="end">NEW</ion-badge>
354-
<ion-avatar id="avatar" slot="start" size="large">
354+
<ion-avatar slot="start" size="large">
355355
<img src="/src/components/avatar/test/avatar.svg" />
356356
</ion-avatar>
357357
Full Content
358358
<span class="span-style">This is a span element</span>
359359
</ion-select-option>
360360
<ion-select-option value="slots">
361-
<ion-avatar id="avatar" slot="start" size="large">
361+
<ion-avatar slot="start" size="large">
362362
<img src="/src/components/avatar/test/avatar.svg" />
363363
</ion-avatar>
364364
Slots
365365
<ion-badge slot="end">NEW</ion-badge>
366366
</ion-select-option>
367367
<ion-select-option value="start-slot">
368-
<ion-avatar id="avatar" slot="start" size="large">
368+
<ion-avatar slot="start" size="large">
369369
<img src="/src/components/avatar/test/avatar.svg" />
370370
</ion-avatar>
371371
Start Slot
@@ -380,14 +380,14 @@
380380
<ion-badge>NEW</ion-badge>
381381
</ion-select-option>
382382
<ion-select-option value="no-text" description="Choose me!">
383-
<ion-avatar id="avatar" slot="start" size="large">
383+
<ion-avatar slot="start" size="large">
384384
<img src="/src/components/avatar/test/avatar.svg" />
385385
</ion-avatar>
386386
<span class="span-style no-text-span-style">This is a span element</span>
387387
<ion-badge slot="end">NEW</ion-badge>
388388
</ion-select-option>
389389
<ion-select-option value="no-inner">
390-
<ion-avatar id="avatar" slot="start" size="large">
390+
<ion-avatar slot="start" size="large">
391391
<img src="/src/components/avatar/test/avatar.svg" />
392392
</ion-avatar>
393393
<ion-badge slot="end">NEW</ion-badge>

‎core/src/components/select/test/rich-content-option/select.e2e.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -383,7 +383,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
383383
<ion-select id="alert-select" label="Alert" placeholder="Select one" interface="alert">
384384
<ion-select-option value="full" description="Choose me!">
385385
<ion-badge slot="end">NEW</ion-badge>
386-
<ion-avatar id="avatar" slot="start" size="large">
386+
<ion-avatar slot="start" size="large">
387387
<img src="/src/components/avatar/test/avatar.svg" />
388388
</ion-avatar>
389389
Full Content

0 commit comments

Comments
 (0)