Skip to content

feat: Switch stable rework #20756

feat: Switch stable rework

feat: Switch stable rework #20756

Triggered via pull request September 9, 2025 10:09
Status Failure
Total duration 20m 9s
Artifacts 30

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
28s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 26s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-patternhub  /  Build Patternhub
1m 46s
build-showcase-patternhub / Build Patternhub
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 16s
test-foundations / 🧪🎭 - foundations
build-showcase-angular  /  Build Showcase angular-showcase
41s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-react  /  Build Showcase react-showcase
46s
build-showcase-react / Build Showcase react-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
51s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
36s
build-showcase-vue / Build Showcase vue-showcase
build-outputs  /  Build outputs
1m 13s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
58s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
1m 2s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
47s
build-showcase-nuxt / Build Showcase nuxt-showcase
test-showcase-patternhub  /  🧪🎭 - patternhub
1m 49s
test-showcase-patternhub / 🧪🎭 - patternhub
regenerate-snapshots-components  /  regenerate-snapshots
regenerate-snapshots-components / regenerate-snapshots
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-react / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-patternhub  /  regenerate-snapshots
regenerate-snapshots-patternhub / regenerate-snapshots
Matrix: test-screen-reader / playwright-screen-reader
Waiting for pending jobs
regenerate-snapshots  /  regenerate-snapshots
regenerate-snapshots / regenerate-snapshots
checks-done
4s
checks-done
commit-regenerated-snapshots  /  🆙 Commit regenerated snapshots
commit-regenerated-snapshots / 🆙 Commit regenerated snapshots
Fit to window
Zoom out
Zoom in

Annotations

71 errors and 14 notices
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 21211 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 21211 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/4
Process completed with exit code 1.
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 21211 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 21211 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 21210 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-vue / 🧪🎭 - vue-showcase:4/4
Process completed with exit code 1.
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 19721 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 19724 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 19721 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 19721 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 19724 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 19721 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-react / 🧪🎭 - react-showcase:4/4
Process completed with exit code 1.
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/4
Process completed with exit code 1.
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 3442px, received 390px by 4417px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 3442px, received 390px by 4417px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 3442px, received 390px by 4417px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 19925 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 19926 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 19925 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 3442px, received 393px by 4417px. 19925 pixels (ratio 0.02 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 3442px, received 393px by 4417px. 19926 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 3442px, received 393px by 4417px. 19925 pixels (ratio 0.02 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-angular / 🧪🎭 - angular-showcase:4/4
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-react / 🧪🎭 - react-showcase:3/4
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-vue / 🧪🎭 - vue-showcase:3/4
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
1) [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
test-showcase-angular / 🧪🎭 - angular-showcase:3/4
Process completed with exit code 1.
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
3) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
3) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 27387 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1257992 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1257993 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1257992 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1257992 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1257993 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1257992 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-8448ffe3-fb7a-40ec-8aad-e785107baa14%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-8448ffe3-fb7a-40ec-8aad-e785107baa14\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-f0f81473-fdf7-4903-ab28-58b5ff1e0680%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-f0f81473-fdf7-4903-ab28-58b5ff1e0680\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28,
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-68b1a782-3929-4d51-9cfe-d68a0c9fa1e1%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-68b1a782-3929-4d51-9cfe-d68a0c9fa1e1\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-4eaef4ef-baa3-4ffa-b610-c0856b3fbe09%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-4eaef4ef-baa3-4ffa-b610-c0856b3fbe09\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 459, + "width": 54, + }, + "categor
test-showcase-react / 🧪🎭 - react-showcase:2/4
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258772 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258772 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-94a20d35-677d-40e2-baa8-9a914f00a771%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-94a20d35-677d-40e2-baa8-9a914f00a771\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-465db8e7-069f-46c0-b496-7bd936ab02f4%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-465db8e7-069f-46c0-b496-7bd936ab02f4\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOL
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-6fec4920-fce9-4e2b-87df-e1d2c61b67e7%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-6fec4920-fce9-4e2b-87df-e1d2c61b67e7\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-12d0b2e2-4923-41db-abf1-5e65c79b648e%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-12d0b2e2-4923-41db-abf1-5e65c79b648e\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [],
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/4
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-dc4f8a41-3da9-469f-85f5-87d4fb007b78%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-dc4f8a41-3da9-469f-85f5-87d4fb007b78\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-00fcc22a-8ef1-459a-9444-9a8e5f40a6cb%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-00fcc22a-8ef1-459a-9444-9a8e5f40a6cb\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-eb224713-9695-461f-b8b5-6bd6d672872d%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-eb224713-9695-461f-b8b5-6bd6d672872d\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-44915ca1-6523-4f59-bb39-e6577da27693%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-44915ca1-6523-4f59-bb39-e6577da27693\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "F
test-showcase-angular / 🧪🎭 - angular-showcase:2/4
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 32722 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 32722 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-fb4d57a6-e6c7-41a7-87fb-43c941efb993%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 1, + "snippet": "<input id=\"switch-fb4d57a6-e6c7-41a7-87fb-43c941efb993\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-742fc2c4-811e-4b9f-97b9-975758ce35ea%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-742fc2c4-811e-4b9f-97b9-975758ce35ea\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 454, + "width": 54,
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-462c42df-3e1e-4e5b-9366-df5f366ab03b%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-462c42df-3e1e-4e5b-9366-df5f366ab03b\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-d34c04f8-deca-49cc-a49b-e010ad44bc7f%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-d34c04f8-deca-49cc-a49b-e010ad44bc7f\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 454, + "width": 54, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives
test-showcase-vue / 🧪🎭 - vue-showcase:1/4
Process completed with exit code 1.
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
3) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
3) [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 28760 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258772 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─ Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258772 pixels (ratio 0.20 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3945px, received 1280px by 4923px. 1258768 pixels (ratio 0.20 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-9909db4b-76c9-4194-9147-e02f3878b356%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 1, + "snippet": "<input id=\"switch-9909db4b-76c9-4194-9147-e02f3878b356\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-8e54c795-f6f7-495a-acfe-14671bef7aa4%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-8e54c795-f6f7-495a-acfe-14671bef7aa4\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 459, + "width": 5
[chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 463, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-f48b2c9f-a69d-4cfa-b61f-fa56198f818e%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-f48b2c9f-a69d-4cfa-b61f-fa56198f818e\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 461, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-7decbaab-cbc5-4eec-974f-1f95da7ec123%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-7decbaab-cbc5-4eec-974f-1f95da7ec123\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 459, + "width": 54, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/a
test-showcase-vue / 🧪🎭 - vue-showcase:2/4
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 30886 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 30873 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 30886 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 30886 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 30873 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 30886 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-10ea9ccf-1fef-4c82-abfc-ed364ad9b96b%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-10ea9ccf-1fef-4c82-abfc-ed364ad9b96b\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-bed11e5a-105e-4315-a1a5-9854d1f136dc%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-bed11e5a-105e-4315-a1a5-9854d1f136dc\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, +
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-6902ca99-dcf0-45c0-9bd0-a11deeb389d6%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-6902ca99-dcf0-45c0-9bd0-a11deeb389d6\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-5d38e0f5-8ae0-46d9-b878-cf506ea352fa%5C%22%20value%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[2]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-5d38e0f5-8ae0-46d9-b878-cf506ea352fa\" value=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 28, + "left": 719, + "top": 454, + "width": 54, + }, + "category": "Ac
test-showcase-react / 🧪🎭 - react-showcase:1/4
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 32722 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L142
2) [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. Call log: - Expect "toHaveScreenshot" with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3932px, received 1280px by 4907px. 32722 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3932px, received 1280px by 4907px. 32737 pixels (ratio 0.01 of all image pixels) are different. 140 | } 141 | > 142 | await expect(page).toHaveScreenshot(config); | ^ 143 | }); 144 | }; 145 | at /__w/core-web/core-web/showcases/e2e/default.ts:142:22
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-cac315c7-e123-4be8-b03c-467dad933254%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-cac315c7-e123-4be8-b03c-467dad933254\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-961abae9-726b-4e9f-8526-34c19bb4d879%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-961abae9-726b-4e9f-8526-34c19bb4d879\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION",
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-a6c0dbd6-ed0f-4be4-b39d-e736fa5918ea%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-a6c0dbd6-ed0f-4be4-b39d-e736fa5918ea\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-26a31bf9-1560-4e96-bec7-03186bebb7e6%5C%22%20class%3D%5C%22%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-26a31bf9-1560-4e96-bec7-03186bebb7e6\" class=\"\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], +
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/4
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-404557ce-ca6e-471d-b1c0-8e6cc643a436%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-404557ce-ca6e-471d-b1c0-8e6cc643a436\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-200e92ac-c34b-4ac8-95d5-71631c310873%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-200e92ac-c34b-4ac8-95d5-71631c310873\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngco
[chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker: showcases/e2e/default.ts#L247
1) [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 994 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 20, + "left": 398, + "top": 458, + "width": 38, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-8b483301-d4fc-4b8e-8633-cdebdad9b40a%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[1]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-8b483301-d4fc-4b8e-8633-cdebdad9b40a\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 24, + "left": 523, + "top": 456, + "width": 46, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2025.09.03/doc/en-US/aria_attribute_valid.html#%7B%22message%22%3A%22The%20ARIA%20attributes%20%5C%22aria-checked%5C%22%20are%20not%20valid%20for%20the%20element%20%3Cinput%3E%20with%20ARIA%20role%20%5C%22switch%5C%22%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22switch-94ae75f5-cff2-4308-b6f9-a912d1e0b0c2%5C%22%20aria-checked%3D%5C%22false%5C%22%20role%3D%5C%22switch%5C%22%20type%3D%5C%22checkbox%5C%22%20_ngcontent-ng-c3573107622%3D%5C%22%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_invalid_role_attr%22%2C%22ruleId%22%3A%22aria_attribute_valid%22%2C%22msgArgs%22%3A%5B%22aria-checked%22%2C%22input%22%2C%22switch%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The ARIA attributes \"aria-checked\" are not valid for the element <input> with ARIA role \"switch\"", + "messageArgs": Array [ + "aria-checked", + "input", + "switch", + ], + "path": Object { + "aria": "/document[1]/main[1]/switch[2]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-switch[1]/app-default-component[1]/div[1]/div[1]/db-card[1]/div[1]/div[1]/div[2]/db-switch[1]/label[1]/input[1]", + }, + "reasonId": "Fail_invalid_role_attr", + "ruleId": "aria_attribute_valid", + "ruleTime": 0, + "snippet": "<input id=\"switch-94ae75f5-cff2-4308-b6f9-a912d1e0b0c2\" aria-checked=\"false\" role=\"switch\" type=\"checkbox\" _ngcontent-ng-c3573107622=\"\">", + "value": Array [ + "VIOLATION", + "FAIL",
test-showcase-angular / 🧪🎭 - angular-showcase:1/4
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
🎭 Playwright Run Summary
1 failed [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── 99 skipped 122 passed (3.4m)
🎭 Playwright Run Summary
2 failed [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── 91 skipped 174 passed (4.8m)
🎭 Playwright Run Summary
2 failed [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── 91 skipped 174 passed (4.8m)
🎭 Playwright Run Summary
1 failed [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── 114 skipped 107 passed (4.7m)
🎭 Playwright Run Summary
2 failed [mobile_chrome] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── [mobile_safari] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ────────── 104 skipped 161 passed (5.2m)
🎭 Playwright Run Summary
1 failed [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────────────── 89 skipped 177 passed (5.4m)
🎭 Playwright Run Summary
1 failed [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────────────── 89 skipped 177 passed (5.2m)
🎭 Playwright Run Summary
1 failed [webkit] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ───────────────── 103 skipped 163 passed (5.8m)
🎭 Playwright Run Summary
3 failed [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ── [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── 58 skipped 206 passed (7.4m)
🎭 Playwright Run Summary
2 failed [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ── 62 skipped 159 passed (7.1m)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ─────── [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── 265 passed (9.0m)
🎭 Playwright Run Summary
3 failed [chromium-highContrast] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker [chromium-highContrast] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ── [firefox] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ──────────────── 58 skipped 206 passed (7.1m)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ─────── [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── 265 passed (9.7m)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/e2e/default.ts:211:2 › DBSwitch › test with accessibility checker ─────── [chromium] › showcases/e2e/default.ts:101:2 › DBSwitch › should match screenshot ─────────────── 27 skipped 194 passed (9.8m)

Artifacts

Produced during runtime
Name Size Digest
angular-showcase-playwright-results-1
2.14 MB
sha256:40b58ec8e0cdd714ec5bcdf3358a2270ff678c68cf73e423d34f8a3d42058cb3
angular-showcase-playwright-results-2
3.7 MB
sha256:a14e9d67d7dcc8a3f9149ce072fd3a8513934797172cc057204289a8486e12be
angular-showcase-playwright-results-3
2.26 MB
sha256:1e3c67c4e04699f0da50622dc0269f34ce61d3c85cec22fea756d2048170503b
angular-showcase-playwright-results-4
3.55 MB
sha256:7178269a442bf763e9c8a45be27d6d2b43cd04bfc0931187f491e1057979e2f7
db-ux-angular-showcase
2.1 MB
sha256:6e66c315c219cc0114fc3fbf663499dab48cddda843b83c16c727f953e6f2f76
db-ux-angular-ssr-showcase
2.89 MB
sha256:2cd702228e6371a634c512e0a66432f2fa2533a7217aabb43ddcabdd43ae3fc4
db-ux-components-build
403 KB
sha256:ff047c8a5505c9c31fa9c21275c43a5d1b2d79b6eff08e2d3b16be0727337146
db-ux-foundations-build
268 KB
sha256:57101fe39399bd8700fb07bb4828f2f593395de7f76d551301fda0e350a266f3
db-ux-migration-build
2.88 KB
sha256:dd13a75ad96522a2ee7f5e3909cac73f458b07c72eb0a09d4068c5eb4b689d92
db-ux-next-showcase
2.16 MB
sha256:b1d90e6210af40b09bedce21d7647eba908fc7c7a6b543c063775fe0b21664da
db-ux-nuxt-showcase
2.64 MB
sha256:cb7d1c83ad396d893628f81c97862f432aec06dc16d24138d04bbc78e18b784f
db-ux-output
604 KB
sha256:24704307a94ab6d4706df75d0b2e84a92fe6b7e69ddc268d7f9fe0233bc787f3
db-ux-outputs
3.33 MB
sha256:4376db5cfc8aef9360814c6fcd5f2e39d4c346d90e3b2589961e1417754a4b91
db-ux-patternhub
4.24 MB
sha256:7b356f6e829dd6048259e9a6c5b09a38b030ee12137d1fa0ac3ad37c82eab77b
db-ux-react-showcase
2.02 MB
sha256:5e011bf85f77f6942e0a9db230c11e489c76e88f249a2f21046725f2b66a6dd8
db-ux-stencil-showcase
2.06 MB
sha256:8d288080b792e96d1bcd45dd02a16afaddd9a7ad9091ef33a70ffee6e6fa9bc1
db-ux-stylelint-build
22.7 KB
sha256:6969c2fcc9b462107e93ffadb3e69ab630233f6a11aafbe671e29a8ec6cb3a9e
db-ux-vue-showcase
1.97 MB
sha256:e3a95efdef2fa03f439de91b3f20ae590d3ba3b4300b323906349c1e8d6bfd59
react-showcase-playwright-results-1
2.09 MB
sha256:e2cd32dea1f04d9c512a6c5f2cacf6146ac55dec8489117f3e7eb30171d0432c
react-showcase-playwright-results-2
3.67 MB
sha256:0d5bb1a4b65b47bbf677318533d0324ef64f23c7a6913a34827046a595919e6d
react-showcase-playwright-results-3
2.25 MB
sha256:e9fd4964097d9e96b675d86115818908c3e3ca4c3a314722292a9a20815579b5
react-showcase-playwright-results-4
3.49 MB
sha256:dd56c75b6b89d470fa8b9449983344c986e077ab170350a4163a2d7b41c214e4
stencil-showcase-playwright-results-1
2.24 MB
sha256:92b44ec6e341c725c47fbf8174e90ee4612286f6b1114e632e41cde515c1b5bb
stencil-showcase-playwright-results-2
2.22 MB
sha256:35a32044cafcb4b157513d0ca3bd32bbf9a42560df2c4ceac3c4c47ae2fefc04
stencil-showcase-playwright-results-3
1.65 MB
sha256:98107072b5f421d6f69c8eeca08b7d56fe8f032176aa5df3196d316add1ac86a
stencil-showcase-playwright-results-4
1.33 MB
sha256:8e57eec4191141fa012703cb0b6aaf8690891cfdaa6b59a0fa116d77ffbc2d06
vue-showcase-playwright-results-1
2.07 MB
sha256:308a629ca1193b968777fb3813016a67d590a1c0ee83b9bd6aaf28284b666738
vue-showcase-playwright-results-2
3.59 MB
sha256:956cabc35cbf92bd66ae10809c9f654e888c45eca311073222e4d35e6b55e085
vue-showcase-playwright-results-3
2.26 MB
sha256:62caed63293c5e1be0c6df2deb411fb6f126320581b41dcec4a5238ec875f8b8
vue-showcase-playwright-results-4
3.53 MB
sha256:e621933221ab1e7d2517156caf1479abdeef5996232f31188d4db5c50491c7fa