fix(select): ensure select sizes are respected when the label is empty #15100
build.yml
on: pull_request
build-core
1m 53s
Matrix: test-core-screenshot
test-core-clean-build
11s
test-core-lint
1m 2s
test-core-spec
56s
verify-screenshots
0s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-react-e2e
0s
verify-test-react-router-e2e
0s
verify-test-vue-e2e
0s
Annotations
24 errors, 22 warnings, and 7 notices
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions:
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
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions:
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')
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › small - should not have visual regressions:
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')
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions:
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
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions:
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
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › medium - should not have visual regressions:
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
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions:
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
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions:
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')
|
[Mobile Chrome] › src/components/select/test/size/select.e2e.ts:11:11 › select: size - ionic/md/ltr/light › large - should not have visual regressions:
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')
|
test-core-screenshot (12, 20)
Process completed with exit code 1.
|
test-core-screenshot (2, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (4, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (6, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (5, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (18, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (13, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (1, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (15, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (3, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (19, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (14, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (16, 20)
The job was canceled because "_12_20" failed.
|
test-core-screenshot (17, 20)
The job was canceled because "_12_20" failed.
|
verify-screenshots
Process completed with exit code 1.
|
build-core
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-core-clean-build
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-angular-server
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-vue
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-react
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-core-spec
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-core-lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-angular
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-vue-router
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-react-router
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-react-e2e (react18)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-react-e2e (react17)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-react-router-e2e (reactrouter5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
verify-test-react-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
verify-test-react-router-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-vue-e2e (vue3)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
verify-test-vue-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-angular-e2e (ng17)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-angular-e2e (ng18)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-angular-e2e (ng16)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
verify-test-angular-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
verify-screenshots
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
🎭 Playwright Run Summary
300 skipped
251 passed (2.5m)
|
🎭 Playwright Run Summary
296 skipped
262 passed (3.2m)
|
🎭 Playwright Run Summary
561 passed (3.6m)
|
🎭 Playwright Run Summary
548 passed (4.1m)
|
🎭 Playwright Run Summary
2 skipped
579 passed (4.4m)
|
🎭 Playwright Run Summary
3 skipped
571 passed (4.6m)
|
🎭 Playwright Run Summary
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)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
ionic-angular
|
798 KB |
|
ionic-angular-server
|
8.55 KB |
|
ionic-core
|
5.39 MB |
|
ionic-react
|
359 KB |
|
ionic-react-router
|
27.9 KB |
|
ionic-vue
|
380 KB |
|
ionic-vue-router
|
17 KB |
|
test-results-10-20
|
479 KB |
|
test-results-11-20
|
537 KB |
|
test-results-12-20
|
4.8 MB |
|
test-results-20-20
|
338 KB |
|
test-results-7-20
|
360 KB |
|
test-results-8-20
|
438 KB |
|
test-results-9-20
|
488 KB |
|