feat(checkbox): add helperText and errorText properties #15195
build.yml
on: pull_request
build-core
1m 13s
Matrix: test-core-screenshot
test-core-clean-build
6s
test-core-lint
46s
test-core-spec
43s
verify-screenshots
0s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-react-e2e
0s
verify-test-react-router-e2e
0s
verify-test-vue-e2e
0s
Annotations
24 errors, 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 |
|