Skip to content

fix(select): ensure select sizes are respected when the label is empty #15100

fix(select): ensure select sizes are respected when the label is empty

fix(select): ensure select sizes are respected when the label is empty #15100

Triggered via pull request December 19, 2024 11:53
Status Failure
Total duration 8m 36s
Artifacts 14

build.yml

on: pull_request
build-react
52s
build-react
build-vue
37s
build-vue
Matrix: test-core-screenshot
build-angular
1m 5s
build-angular
build-angular-server
34s
build-angular-server
test-core-clean-build
11s
test-core-clean-build
test-core-lint
1m 2s
test-core-lint
test-core-spec
56s
test-core-spec
build-react-router
22s
build-react-router
build-vue-router
36s
build-vue-router
verify-screenshots
0s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-angular-e2e
verify-test-react-e2e
0s
verify-test-react-e2e
verify-test-react-router-e2e
0s
verify-test-react-router-e2e
verify-test-vue-e2e
0s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

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