Skip to content

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

feat(checkbox): add helperText and errorText properties

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

Triggered via pull request January 20, 2025 23:51
Status Failure
Total duration 6m 55s
Artifacts 14

build.yml

on: pull_request
build-react
43s
build-react
build-vue
32s
build-vue
Matrix: test-core-screenshot
build-angular
52s
build-angular
build-angular-server
27s
build-angular-server
test-core-clean-build
12s
test-core-clean-build
test-core-lint
40s
test-core-lint
test-core-spec
42s
test-core-spec
build-react-router
21s
build-react-router
build-vue-router
31s
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

27 errors, 22 warnings, and 5 notices
test-core-lint
Process completed with exit code 1.
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - ios/ltr › entire input component should render correctly with no fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L14
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - ios/ltr › entire input component should render correctly with no fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-no-fill-ios-ltr-Mobile-Chrome-linux.png, writing actual. 12 | ); 13 | const input = page.locator('ion-input'); > 14 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-no-fill`)); | ^ 15 | }); 16 | test('entire input component should render correctly with solid fill', async ({ page }) => { 17 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:14:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - ios/ltr › entire input component should render correctly with solid fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L24
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - ios/ltr › entire input component should render correctly with solid fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-solid-ios-ltr-Mobile-Chrome-linux.png, writing actual. 22 | ); 23 | const input = page.locator('ion-input'); > 24 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-solid`)); | ^ 25 | }); 26 | test('entire input component should render correctly with outline fill', async ({ page }) => { 27 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:24:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - ios/ltr › entire input component should render correctly with outline fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L34
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - ios/ltr › entire input component should render correctly with outline fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-outline-ios-ltr-Mobile-Chrome-linux.png, writing actual. 32 | ); 33 | const input = page.locator('ion-input'); > 34 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-outline`)); | ^ 35 | }); 36 | }); 37 | }); at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:34:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - md/ltr › entire input component should render correctly with no fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L14
4) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - md/ltr › entire input component should render correctly with no fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-no-fill-md-ltr-Mobile-Chrome-linux.png, writing actual. 12 | ); 13 | const input = page.locator('ion-input'); > 14 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-no-fill`)); | ^ 15 | }); 16 | test('entire input component should render correctly with solid fill', async ({ page }) => { 17 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:14:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - md/ltr › entire input component should render correctly with solid fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L24
5) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - md/ltr › entire input component should render correctly with solid fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-solid-md-ltr-Mobile-Chrome-linux.png, writing actual. 22 | ); 23 | const input = page.locator('ion-input'); > 24 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-solid`)); | ^ 25 | }); 26 | test('entire input component should render correctly with outline fill', async ({ page }) => { 27 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:24:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - md/ltr › entire input component should render correctly with outline fill: src/components/checkbox/test/bottom-content/input.e2e.ts#L34
6) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - md/ltr › entire input component should render correctly with outline fill Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-full-bottom-outline-md-ltr-Mobile-Chrome-linux.png, writing actual. 32 | ); 33 | const input = page.locator('ion-input'); > 34 | await expect(input).toHaveScreenshot(screenshot(`input-full-bottom-outline`)); | ^ 35 | }); 36 | }); 37 | }); at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:34:7
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:96:11 › input: hint text - md/ltr › input: hint text functionality › error text should change when variable is customized: src/components/checkbox/test/bottom-content/input.e2e.ts#L110
7) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:96:11 › input: hint text - md/ltr › input: hint text functionality › error text should change when variable is customized Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-md-ltr-Mobile-Chrome-linux.png, writing actual. 108 | 109 | const errorText = page.locator('ion-input .error-text'); > 110 | await expect(errorText).toHaveScreenshot(screenshot(`input-error-custom-color`)); | ^ 111 | }); 112 | test('input should have an aria-describedby attribute when error text is present', async ({ page }) => { 113 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:110:9
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:157:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering helper text: src/components/checkbox/test/bottom-content/input.e2e.ts#L161
8) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:157:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering helper text Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-helper-md-ltr-Mobile-Chrome-linux.png, writing actual. 159 | 160 | const bottomEl = page.locator('ion-input .input-bottom'); > 161 | await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-helper`)); | ^ 162 | }); 163 | test('should not have visual regressions when rendering error text', async ({ page }) => { 164 | await page.setContent( at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:161:11
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:163:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering error text: src/components/checkbox/test/bottom-content/input.e2e.ts#L170
9) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:163:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering error text Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-md-ltr-Mobile-Chrome-linux.png, writing actual. 168 | 169 | const bottomEl = page.locator('ion-input .input-bottom'); > 170 | await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-error`)); | ^ 171 | }); 172 | }); 173 | }); at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:170:11
[Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:233:13 › input: counter - md/ltr › input: counter rendering › regular inputs › should not have visual regressions when rendering counter: src/components/checkbox/test/bottom-content/input.e2e.ts#L237
10) [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:233:13 › input: counter - md/ltr › input: counter rendering › regular inputs › should not have visual regressions when rendering counter Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-counter-md-ltr-Mobile-Chrome-linux.png, writing actual. 235 | 236 | const bottomEl = page.locator('ion-input .input-bottom'); > 237 | await expect(bottomEl).toHaveScreenshot(screenshot(`input-bottom-content-counter`)); | ^ 238 | }); 239 | }); 240 | }); at /ionic/src/components/checkbox/test/bottom-content/input.e2e.ts:237:11
test-core-screenshot (9, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (10, 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 (5, 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 (2, 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 (18, 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 (1, 20)
The job was canceled because "_8_20" failed.
test-core-screenshot (6, 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 (15, 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 (17, 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-angular-server
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-vue
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-core-spec
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
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
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 (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
test-angular-e2e (ng18)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng17)
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.4m)
🎭 Playwright Run Summary
460 passed (3.0m)
🎭 Playwright Run Summary
212 skipped 243 passed (3.1m)
🎭 Playwright Run Summary
2 skipped 457 passed (3.4m)
🎭 Playwright Run Summary
10 failed [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - ios/ltr › entire input component should render correctly with no fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - ios/ltr › entire input component should render correctly with solid fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - ios/ltr › entire input component should render correctly with outline fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - md/ltr › entire input component should render correctly with no fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - md/ltr › entire input component should render correctly with solid fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - md/ltr › entire input component should render correctly with outline fill [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:96:11 › input: hint text - md/ltr › input: hint text functionality › error text should change when variable is customized [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:157:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering helper text [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:163:13 › input: hint text - md/ltr › input: hint text rendering › regular inputs › should not have visual regressions when rendering error text [Mobile Chrome] › src/components/checkbox/test/bottom-content/input.e2e.ts:233:13 › input: counter - md/ltr › input: counter rendering › regular inputs › should not have visual regressions when rendering counter 448 passed (3.6m)

Artifacts

Produced during runtime
Name Size
ionic-angular
638 KB
ionic-angular-server
8.57 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
464 KB
test-results-11-20
462 KB
test-results-12-20
420 KB
test-results-20-20
328 KB
test-results-7-20
335 KB
test-results-8-20
4.32 MB
test-results-9-20
441 KB