Skip to content

fix(checkbox, radio-button): fixed error message font-size for Ionic theme #17614

fix(checkbox, radio-button): fixed error message font-size for Ionic theme

fix(checkbox, radio-button): fixed error message font-size for Ionic theme #17614

Triggered via pull request December 3, 2025 23:24
Status Failure
Total duration 7m 10s
Artifacts 13

build.yml

on: pull_request
build-react
53s
build-react
build-vue
40s
build-vue
Matrix: test-core-screenshot
build-angular
1m 5s
build-angular
build-angular-server
40s
build-angular-server
test-core-clean-build
12s
test-core-clean-build
test-core-lint
54s
test-core-lint
test-core-spec
45s
test-core-spec
build-react-router
30s
build-react-router
build-vue-router
43s
build-vue-router
verify-screenshots
2s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-angular-e2e
verify-test-react-e2e
3s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

55 errors and 6 notices
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
4) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 of all image pixels) are different. Snapshot: checkbox-helper-text-end-wrapping-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-end-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 of all image pixels) are different. 130 | 131 | const bottomEl = page.locator('ion-checkbox'); > 132 | await expect(bottomEl).toHaveScreenshot( | ^ 133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`) 134 | ); 135 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. 130 | 131 | const bottomEl = page.locator('ion-checkbox'); > 132 | await expect(bottomEl).toHaveScreenshot( | ^ 133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`) 134 | ); 135 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. 130 | 131 | const bottomEl = page.locator('ion-checkbox'); > 132 | await expect(bottomEl).toHaveScreenshot( | ^ 133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`) 134 | ); 135 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different. 130 | 131 | const bottomEl = page.locator('ion-checkbox'); > 132 | await expect(bottomEl).toHaveScreenshot( | ^ 133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`) 134 | ); 135 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. Snapshot: checkbox-helper-text-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. Snapshot: checkbox-helper-text-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-checkbox') Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. Snapshot: checkbox-helper-text-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated">…</ion-checkbox> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different. 114 | 115 | const bottomEl = page.locator('ion-checkbox'); > 116 | await expect(bottomEl).toHaveScreenshot( | ^ 117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`) 118 | ); 119 | }); at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-core-screenshot (13, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (17, 20)
Process completed with exit code 12.
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (6, 20)
Process completed with exit code 12.
test-core-screenshot (6, 20)
The operation was canceled.
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (16, 20)
Process completed with exit code 12.
test-core-screenshot (16, 20)
The operation was canceled.
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (11, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (11, 20)
The operation was canceled.
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The operation was canceled.
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (3, 20)
Process completed with exit code 12.
test-core-screenshot (3, 20)
The operation was canceled.
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (19, 20)
Process completed with exit code 12.
test-core-screenshot (19, 20)
The operation was canceled.
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (5, 20)
Process completed with exit code 12.
test-core-screenshot (5, 20)
The operation was canceled.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
360 skipped 276 passed (2.3m)
🎭 Playwright Run Summary
368 skipped 308 passed (3.4m)
🎭 Playwright Run Summary
2 skipped 673 passed (3.6m)
🎭 Playwright Run Summary
1 skipped 676 passed (3.9m)
🎭 Playwright Run Summary
8 failed [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › stacked label - should not have visual regressions when rendering helper text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › stacked label - should not have visual regressions when rendering helper text with wrapping text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:140:9 › checkbox: error text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:149:9 › checkbox: error text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text with a stacked label 8 skipped 675 passed (4.2m)
🎭 Playwright Run Summary
8 skipped 663 passed (4.4m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
805 KB
sha256:27bdbbaf765a6793c18a90643e4a73b7e6f850d2b1e24fbf961c936ca9b0cb2e
ionic-angular-server
8.58 KB
sha256:a793978c3920dda6668183fb5efe61caf2448e9501f6d02cd02511de6af89e10
ionic-core
5.13 MB
sha256:f417ebed7dd7a522e088ce8349d2c1524d65409814b3f5d8c1589cf745c65eed
ionic-react
343 KB
sha256:39147e8b4259c6da8faccdfcd2b45b09ea9a40bcb3ed96a3be9c5089faa6a68b
ionic-react-router
27.9 KB
sha256:25f774ac3d03de81dda45138c262d9e8cede337c20c9faf7b735923eac1e7fce
ionic-vue
373 KB
sha256:7d122790f9d769821d1be6cb4640fd1b267c8d9940ddf26474b8a59c70e2a778
ionic-vue-router
17.1 KB
sha256:b7913782c5e74fce56c64962a657d99b8447c99fd1cf4f7b3a484715f83905e3
test-results-10-20
464 KB
sha256:0ae6ea3aa17c77cb646ba9628470d11a9dde40324eea992bf475a7745a47a4c7
test-results-12-20
499 KB
sha256:d2f1f4a8b539e92699d56c5358c206c497a626bf5b0e4978671507b0e1de5932
test-results-20-20
360 KB
sha256:f7452dd2ff7da2bed4be6cdfde19e7549d7513028a3bf53c512869d74da71b6a
test-results-7-20
379 KB
sha256:a8d987658b4d68d7bc541f42154b74824d703013ce8c7eb0c73003dbb7ad4ccd
test-results-8-20
9.93 MB
sha256:65e629f706f2aea893229b17909f9af469e5f543375810ca5851daa394d840c5
test-results-9-20
504 KB
sha256:8b2aac78ccf2214399d5c85f8bca9912fd1dfc0f0997e4a4542e45f96bfe4654