feat: Switch stable rework #20756
default.yml
on: pull_request
init
/
Init
35s
scan-secrets
/
TruffleHog
1m 36s
get-playwright-version
/
Get and save publish version
28s
Matrix: init-playwright / init-playwright
Matrix: test-components / playwright-ct
build-showcase-angular
/
Build Showcase angular-showcase
41s
build-showcase-react
/
Build Showcase react-showcase
46s
build-showcase-stencil
/
Build Showcase stencil-showcase
51s
build-showcase-vue
/
Build Showcase vue-showcase
36s
build-outputs
/
Build outputs
1m 13s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
58s
build-showcase-next
/
Build Showcase next-showcase
1m 2s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
47s
regenerate-snapshots-components
/
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
Matrix: test-screen-reader / playwright-screen-reader
Waiting for pending jobs
commit-regenerated-snapshots
/
🆙 Commit regenerated snapshots
deploy
/
Deploy
2m 55s
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
|
|