Skip to content

feat(checkbox): add helperText and errorText properties #15195

feat(checkbox): add helperText and errorText properties

feat(checkbox): add helperText and errorText properties #15195

Triggered via pull request January 22, 2025 22:00
Status Failure
Total duration 6m 54s
Artifacts 14

build.yml

on: pull_request
build-react
43s
build-react
build-vue
32s
build-vue
Matrix: test-core-screenshot
build-angular
51s
build-angular
build-angular-server
34s
build-angular-server
test-core-clean-build
6s
test-core-clean-build
test-core-lint
46s
test-core-lint
test-core-spec
43s
test-core-spec
build-react-router
25s
build-react-router
build-vue-router
32s
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, 23 warnings, and 7 notices
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L105
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text Error: Screenshot comparison failed: 70 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome/checkbox-bottom-content-helper-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome/checkbox-bottom-content-helper-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. 103 | 104 | const bottomEl = page.locator('ion-checkbox'); > 105 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper`)); | ^ 106 | }); 107 | test('should not have visual regressions when rendering helper text with wrapping text', async ({ page }) => { 108 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L105
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 70 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome-retry1/checkbox-bottom-content-helper-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome-retry1/checkbox-bottom-content-helper-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. 103 | 104 | const bottomEl = page.locator('ion-checkbox'); > 105 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper`)); | ^ 106 | }); 107 | test('should not have visual regressions when rendering helper text with wrapping text', async ({ page }) => { 108 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L105
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 70 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome-retry2/checkbox-bottom-content-helper-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-f92b3--when-rendering-helper-text-Mobile-Chrome-retry2/checkbox-bottom-content-helper-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" helper-text="Helper text" class="ios interactive checkbox-label-placement-start 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 - 70 pixels (ratio 0.02 of all image pixels) are different. 103 | 104 | const bottomEl = page.locator('ion-checkbox'); > 105 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper`)); | ^ 106 | }); 107 | test('should not have visual regressions when rendering helper text with wrapping text', async ({ page }) => { 108 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L114
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text Error: Screenshot comparison failed: 606 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-wrapping-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome/checkbox-bottom-content-helper-wrapping-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome/checkbox-bottom-content-helper-wrapping-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-wrapping-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. 112 | 113 | const bottomEl = page.locator('ion-checkbox'); > 114 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-wrapping`)); | ^ 115 | }); 116 | test('should not have visual regressions when rendering helper text with a stacked label', async ({ page }) => { 117 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:114:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L114
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 606 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-wrapping-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome-retry1/checkbox-bottom-content-helper-wrapping-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome-retry1/checkbox-bottom-content-helper-wrapping-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-wrapping-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. 112 | 113 | const bottomEl = page.locator('ion-checkbox'); > 114 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-wrapping`)); | ^ 115 | }); 116 | test('should not have visual regressions when rendering helper text with a stacked label', async ({ page }) => { 117 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:114:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L114
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 606 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-wrapping-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome-retry2/checkbox-bottom-content-helper-wrapping-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-523ae-per-text-with-wrapping-text-Mobile-Chrome-retry2/checkbox-bottom-content-helper-wrapping-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-wrapping-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" class="ios interactive checkbox-label-placement-start 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 - 606 pixels (ratio 0.03 of all image pixels) are different. 112 | 113 | const bottomEl = page.locator('ion-checkbox'); > 114 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-wrapping`)); | ^ 115 | }); 116 | test('should not have visual regressions when rendering helper text with a stacked label', async ({ page }) => { 117 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:114:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L123
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label Error: Screenshot comparison failed: 71 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome/checkbox-bottom-content-helper-label-stacked-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome/checkbox-bottom-content-helper-label-stacked-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-label-stacked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. 121 | 122 | const bottomEl = page.locator('ion-checkbox'); > 123 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked`)); | ^ 124 | }); 125 | test('should not have visual regressions when rendering helper text with a stacked label and wrapping text', async ({ 126 | page, at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:123:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L123
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 71 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome-retry1/checkbox-bottom-content-helper-label-stacked-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome-retry1/checkbox-bottom-content-helper-label-stacked-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-label-stacked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. 121 | 122 | const bottomEl = page.locator('ion-checkbox'); > 123 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked`)); | ^ 124 | }); 125 | test('should not have visual regressions when rendering helper text with a stacked label and wrapping text', async ({ 126 | page, at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:123:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L123
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 71 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome-retry2/checkbox-bottom-content-helper-label-stacked-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-74109-r-text-with-a-stacked-label-Mobile-Chrome-retry2/checkbox-bottom-content-helper-label-stacked-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-label-stacked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" helper-text="Helper text" class="ios interactive checkbox-label-placement-stacked 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 - 71 pixels (ratio 0.02 of all image pixels) are different. 121 | 122 | const bottomEl = page.locator('ion-checkbox'); > 123 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked`)); | ^ 124 | }); 125 | test('should not have visual regressions when rendering helper text with a stacked label and wrapping text', async ({ 126 | page, at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:123:30
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text: src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L134
4) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text Error: Screenshot comparison failed: 611 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-wrapping-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-6af14-ked-label-and-wrapping-text-Mobile-Chrome/checkbox-bottom-content-he-2d050-tacked-wrapping-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-6af14-ked-label-and-wrapping-text-Mobile-Chrome/checkbox-bottom-content-he-2d050-tacked-wrapping-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-bottom-content-helper-label-stacked-wrapping-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" class="ios interactive checkbox-label-placement-stacked 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 - 611 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox aria-checked="false" label-placement="stacked" class="ios interactive checkbox-label-placement-stacked 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 - 611 pixels (ratio 0.02 of all image pixels) are different. 132 | 133 | const bottomEl = page.locator('ion-checkbox'); > 134 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked-wrapping`)); | ^ 135 | }); 136 | }); 137 | at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:134:30
test-core-screenshot (17, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (19, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (14, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (15, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (1, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (3, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (16, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (18, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (5, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (13, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (2, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (4, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (6, 20)
The job was canceled because "_8_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-vue
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-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
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
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-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 (ng16)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng19)
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
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
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
🎭 Playwright Run Summary
216 skipped 229 passed (2.5m)
🎭 Playwright Run Summary
460 passed (3.0m)
🎭 Playwright Run Summary
212 skipped 238 passed (3.1m)
🎭 Playwright Run Summary
2 skipped 449 passed (3.3m)
🎭 Playwright Run Summary
3 skipped 477 passed (3.6m)
🎭 Playwright Run Summary
426 passed (3.8m)
🎭 Playwright Run Summary
6 failed [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:157:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text with a custom color [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:157:9 › checkbox: error text rendering - md/ltr › should not have visual regressions when rendering error text with a custom color 441 passed (3.9m)

Artifacts

Produced during runtime
Name Size
ionic-angular
638 KB
ionic-angular-server
8.55 KB
ionic-core
4.87 MB
ionic-react
201 KB
ionic-react-router
27.9 KB
ionic-vue
216 KB
ionic-vue-router
17.1 KB
test-results-10-20
468 KB
test-results-11-20
458 KB
test-results-12-20
420 KB
test-results-20-20
326 KB
test-results-7-20
335 KB
test-results-8-20
7.27 MB
test-results-9-20
435 KB