fix(select): ensure select sizes are respected when the label is empty #15100
Annotations
10 errors and 1 notice
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
1) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
1) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
1) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="small" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="small" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-small hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
2) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-sele
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
2) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for loc
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
2) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="medium" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="medium" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-medium hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for loc
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
3) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-large-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
3) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-large-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/select/test/size/select.e2e.ts#L39
3) [Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/select/test/size/select.e2e.ts-snapshots/select-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(select-size-large-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 100ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 250ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 500ms before taking screenshot
- waiting for locator('ion-select')
- failed to take screenshot - Error: strict mode violation: locator('ion-select') resolved to 2 elements:
1) <ion-select size="large" label="Label" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text LabelFilled text')
2) <ion-select label="" size="large" fill="outline" value="filledText" label-placement="stacked" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-stacked select-size-large hydrated">…</ion-select> aka getByText('Filled text Filled text')
- waiting 1000ms before taking screenshot
- waiting for locator('ion-select')
|
Run /./.github/workflows/actions/test-core-screenshot
Process completed with exit code 1.
|
Run /./.github/workflows/actions/test-core-screenshot
3 failed
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions
534 passed (4.6m)
|
Loading