refactor: patternhub examples to align with figma props #15592
nmergetdefault.yml
on: pull_request
init
/
Init
22s
scan-secrets
/
TruffleHog
57s
get-playwright-version
/
Get and save publish version
22s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
31s
build-showcase-angular
/
Build Showcase angular-showcase
36s
build-showcase-stencil
/
Build Showcase stencil-showcase
44s
build-showcase-vue
/
Build Showcase vue-showcase
30s
Matrix: test-components / playwright-ct
build-outputs
/
Build outputs
1m 28s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
1m 3s
build-showcase-next
/
Build Showcase next-showcase
1m 2s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
43s
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components
/
regenerate-snapshots
regenerate-snapshots-foundations
/
regenerate-snapshots
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots showcases
7m 43s
deploy
/
Deploy
Annotations
166 errors, 76 warnings, and 21 notices
|
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
Process completed with exit code 1.
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1192 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-diff.png
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
- 1187 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
- 1192 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1192 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1187 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
- 1192 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
Process completed with exit code 1.
|
|
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1103 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari/DBSwitch-should-match-screenshot-1-diff.png
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
- 1103 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
- 1103 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1103 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1103 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
- 1103 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
Process completed with exit code 1.
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-18d71c63-9aac-4210-ade2-8ef333d3dc0a%5C%22%20aria-describedby%3D%5C%22input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-18d71c63-9aac-4210-ade2-8ef333d3dc0a\" aria-describedby=\"input-18d71c63-9aac-4210-ade2-8ef333d3dc0a-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-fb44c185-10ef-4421-afe3-d4de2785bfa5%5C%22%20aria-describedby%3D%5C%22input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-fb44c185-10ef-4421-afe3-d4de2785bfa5\" aria-describedby=\"input-fb44c185-10ef-4421-afe3-d4de2785bfa5-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-026da85a-416a-4dc1-b73b-d01e6a019a13-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-026da85a-416a-4dc1-b73b-d01e6a019a13%5C%22%20aria-describedby%3D%5C%22select-026da85a-416a-4dc1-b73b-d01e6a019a13-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-026da85a-416a-4dc1-b73b-d01e6a019a13-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-026da85a-416a-4dc1-b73b-d01e6a019a13-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-026da85a-416a-4dc1-b73b-d01e6a019a13-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-026da85a-416a-4dc1-b73b-d01e6a019a13\" aria-describedby=\"select-026da85a-416a-4dc1-b73b-d01e6a019a13-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf%5C%22%20aria-describedby%3D%5C%22select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf\" aria-describedby=\"select-5665dfeb-8f11-44d8-8b05-f038c01ec5cf-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1230 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium/DBSwitch-should-match-screenshot-1-diff.png
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
- 1225 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
- 1230 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1230 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1225 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
- 1230 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
Process completed with exit code 1.
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-5cd09343-1d03-40db-8297-62a2ab58f50a-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-5cd09343-1d03-40db-8297-62a2ab58f50a%5C%22%20aria-describedby%3D%5C%22input-5cd09343-1d03-40db-8297-62a2ab58f50a-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-5cd09343-1d03-40db-8297-62a2ab58f50a-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-5cd09343-1d03-40db-8297-62a2ab58f50a-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-5cd09343-1d03-40db-8297-62a2ab58f50a-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-5cd09343-1d03-40db-8297-62a2ab58f50a\" aria-describedby=\"input-5cd09343-1d03-40db-8297-62a2ab58f50a-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-6de0058d-9198-4774-ae78-282f1733cb0d-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-6de0058d-9198-4774-ae78-282f1733cb0d%5C%22%20aria-describedby%3D%5C%22input-6de0058d-9198-4774-ae78-282f1733cb0d-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-6de0058d-9198-4774-ae78-282f1733cb0d-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-6de0058d-9198-4774-ae78-282f1733cb0d-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-6de0058d-9198-4774-ae78-282f1733cb0d-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-6de0058d-9198-4774-ae78-282f1733cb0d\" aria-describedby=\"input-6de0058d-9198-4774-ae78-282f1733cb0d-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-f048d840-8675-4b11-9c8b-3e4029df1253-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-f048d840-8675-4b11-9c8b-3e4029df1253%5C%22%20aria-describedby%3D%5C%22select-f048d840-8675-4b11-9c8b-3e4029df1253-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-f048d840-8675-4b11-9c8b-3e4029df1253-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-f048d840-8675-4b11-9c8b-3e4029df1253-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-f048d840-8675-4b11-9c8b-3e4029df1253-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-f048d840-8675-4b11-9c8b-3e4029df1253\" aria-describedby=\"select-f048d840-8675-4b11-9c8b-3e4029df1253-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-4b372b60-dc50-42ff-9ddc-09d13ea5f599%5C%22%20aria-describedby%3D%5C%22select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-4b372b60-dc50-42ff-9ddc-09d13ea5f599\" aria-describedby=\"select-4b372b60-dc50-42ff-9ddc-09d13ea5f599-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────
Error: expect(page).toHaveScreenshot(expected)
1037 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-diff.png
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
- 1038 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
- 1037 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1037 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1038 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
- 1037 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-55d446bb-11a5-48cf-9585-08ba16ea39cd%5C%22%20value%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-55d446bb-11a5-48cf-9585-08ba16ea39cd\" value=\"\" aria-describedby=\"input-55d446bb-11a5-48cf-9585-08ba16ea39cd-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-3f09599c-e296-42e2-9510-6c9d6073c4f8%5C%22%20value%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-3f09599c-e296-42e2-9510-6c9d6073c4f8\" value=\"\" aria-describedby=\"input-3f09599c-e296-42e2-9510-6c9d6073c4f8-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-6984d2fe-4f74-4985-b42e-09950ca36ee4%5C%22%20aria-describedby%3D%5C%22select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-6984d2fe-4f74-4985-b42e-09950ca36ee4\" aria-describedby=\"select-6984d2fe-4f74-4985-b42e-09950ca36ee4-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-ca8ab1fe-f741-4b37-bf77-422821305f14-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-ca8ab1fe-f741-4b37-bf77-422821305f14%5C%22%20aria-describedby%3D%5C%22select-ca8ab1fe-f741-4b37-bf77-422821305f14-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-ca8ab1fe-f741-4b37-bf77-422821305f14-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-ca8ab1fe-f741-4b37-bf77-422821305f14-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-ca8ab1fe-f741-4b37-bf77-422821305f14-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-ca8ab1fe-f741-4b37-bf77-422821305f14\" aria-describedby=\"select-ca8ab1fe-f741-4b37-bf77-422821305f14-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
Process completed with exit code 1.
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-158586db-5703-4fa4-bf97-927339a4aea5-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-158586db-5703-4fa4-bf97-927339a4aea5%5C%22%20value%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-158586db-5703-4fa4-bf97-927339a4aea5-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-158586db-5703-4fa4-bf97-927339a4aea5-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-158586db-5703-4fa4-bf97-927339a4aea5-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-158586db-5703-4fa4-bf97-927339a4aea5-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-158586db-5703-4fa4-bf97-927339a4aea5\" value=\"\" aria-describedby=\"input-158586db-5703-4fa4-bf97-927339a4aea5-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-d30c1ae2-1153-4b53-a978-8d9fab49eecd%5C%22%20value%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-d30c1ae2-1153-4b53-a978-8d9fab49eecd\" value=\"\" aria-describedby=\"input-d30c1ae2-1153-4b53-a978-8d9fab49eecd-message\" placeholder=\"(Default) False\" type=\"text\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6%5C%22%20aria-describedby%3D%5C%22select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6\" aria-describedby=\"select-e7dc63ab-0a73-4c8f-a699-22f2eb0ae3f6-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-de681510-fcb4-4c20-9a51-7a1243d51a9a%5C%22%20aria-describedby%3D%5C%22select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[4]/div[2]/div[1]/div[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-de681510-fcb4-4c20-9a51-7a1243d51a9a\" aria-describedby=\"select-de681510-fcb4-4c20-9a51-7a1243d51a9a-message\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
Process completed with exit code 1.
|
|
[mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────
Error: expect(page).toHaveScreenshot(expected)
1102 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1102 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
- 1102 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1102 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome-retry1/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1102 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
- 1102 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_chrome] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / "
|
|
[mobile_chrome] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_chrome] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
|
|
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1387 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-diff.png
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
- 1382 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
- 1387 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1387 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1382 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
- 1387 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
Process completed with exit code 1.
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
Process completed with exit code 1.
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1103 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-diff.png
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
- 1103 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
- 1103 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1103 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1103 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
- 1103 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/default.ts#L1
2) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────────
Test timeout of 30000ms exceeded.
|
|
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/tabs/tabs-snapshot.spec.ts#L15
2) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────────
Error: expect(locator).toBeVisible()
Locator: locator('[data-icon=chevron_right]')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 30000ms
- waiting for locator('[data-icon=chevron_right]')
at tabs/tabs-snapshot.spec.ts:15
13 | async preScreenShot(page) {
14 | const scrollRight = page.locator('[data-icon=chevron_right]');
> 15 | await expect(scrollRight).toBeVisible();
| ^
16 | }
17 | });
18 | });
at preScreenShot (/__w/mono/mono/showcases/e2e/tabs/tabs-snapshot.spec.ts:15:30)
at /__w/mono/mono/showcases/e2e/default.ts:223:10
|
|
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/default.ts#L1
2) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/tabs/tabs-snapshot.spec.ts#L15
2) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible()
Locator: locator('[data-icon=chevron_right]')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 30000ms
- waiting for locator('[data-icon=chevron_right]')
at tabs/tabs-snapshot.spec.ts:15
13 | async preScreenShot(page) {
14 | const scrollRight = page.locator('[data-icon=chevron_right]');
> 15 | await expect(scrollRight).toBeVisible();
| ^
16 | }
17 | });
18 | });
at preScreenShot (/__w/mono/mono/showcases/e2e/tabs/tabs-snapshot.spec.ts:15:30)
at /__w/mono/mono/showcases/e2e/default.ts:223:10
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
Process completed with exit code 1.
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1190 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-diff.png
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
- 1190 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
- 1190 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1190 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1190 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
- 1190 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
Process completed with exit code 1.
|
|
[mobile_safari] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_safari] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / "
|
|
[mobile_safari] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_safari] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
|
|
[mobile_safari] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[mobile_safari] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1302 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari/DBSwitch-should-match-screenshot-1-diff.png
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
- 1302 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
- 1302 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1302 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-safari-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1302 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
- 1302 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
Process completed with exit code 1.
|
|
[chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────
Error: expect(page).toHaveScreenshot(expected)
952 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast/DBRadio-should-match-screenshot-1-diff.png
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
- 952 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
- 952 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
952 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast-retry1/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast-retry1/DBRadio-should-match-screenshot-1-diff.png
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
- 952 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
- 952 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-c666337f-053d-4734-85d9-498ab93697d8-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-c666337f-053d-4734-85d9-498ab93697d8%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-c666337f-053d-4734-85d9-498ab93697d8-message%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-c666337f-053d-4734-85d9-498ab93697d8-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-c666337f-053d-4734-85d9-498ab93697d8-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-c666337f-053d-4734-85d9-498ab93697d8-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-c666337f-053d-4734-85d9-498ab93697d8\" class=\"\" aria-describedby=\"select-c666337f-053d-4734-85d9-498ab93697d8-message\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-cf751fe4-943b-4de8-87c6-f64b3bdda43f%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-cf751fe4-943b-4de8-87c6-f64b3bdda43f\" class=\"\" aria-describedby=\"select-cf751fe4-943b-4de8-87c6-f64b3bdda43f-message\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ────────────────
Error: expect(page).toHaveScreenshot(expected)
136 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-diff.png
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
- 136 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
- 136 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
136 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-diff.png
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
- 136 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
- 136 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
4) [chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
4) [chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────
Error: expect(page).toHaveScreenshot(expected)
1116 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-diff.png
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
- 1117 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
- 1116 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1116 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1117 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
- 1116 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
Process completed with exit code 1.
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
Process completed with exit code 1.
|
|
[webkit] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [webkit] › default.ts:219:2 › DBInput › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / "
|
|
[webkit] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [webkit] › default.ts:219:2 › DBInput › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
|
|
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1302 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-diff.png
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
- 1302 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
- 1302 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1302 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1302 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
- 1302 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
Process completed with exit code 1.
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-8d668a0e-a53c-4d59-b804-0bd81747daec-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-8d668a0e-a53c-4d59-b804-0bd81747daec%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-8d668a0e-a53c-4d59-b804-0bd81747daec-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-8d668a0e-a53c-4d59-b804-0bd81747daec-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-8d668a0e-a53c-4d59-b804-0bd81747daec-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-8d668a0e-a53c-4d59-b804-0bd81747daec-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-8d668a0e-a53c-4d59-b804-0bd81747daec\" class=\"\" aria-describedby=\"input-8d668a0e-a53c-4d59-b804-0bd81747daec-message\" placeholder=\"(Default) False\" type=\"text\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-de614e79-ae71-4130-a1a3-bd15a9156c6f%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-de614e79-ae71-4130-a1a3-bd15a9156c6f\" class=\"\" aria-describedby=\"input-de614e79-ae71-4130-a1a3-bd15a9156c6f-message\" placeholder=\"(Default) False\" type=\"text\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot:
showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1661px, received 1280px by 1677px. 20480 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-diff.png
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 1661px, received 1280px by 1677px. 20480 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 1661px, received 1280px by 1677px. 20480 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
|
|
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────
Error: expect(page).toHaveScreenshot(expected)
1148 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1148 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
- 1148 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1148 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1148 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
- 1148 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20aria-describedby%3D%5C%22input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20id%3D%5C%22input-b8686508-91a5-4a05-a6fe-dd2e62fa206c%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input aria-describedby=\"input-b8686508-91a5-4a05-a6fe-dd2e62fa206c-message\" placeholder=\"(Default) False\" type=\"text\" id=\"input-b8686508-91a5-4a05-a6fe-dd2e62fa206c\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1453,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-48782dd1-d00c-4549-8c5b-1a22262399ca-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20aria-describedby%3D%5C%22input-48782dd1-d00c-4549-8c5b-1a22262399ca-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20id%3D%5C%22input-48782dd1-d00c-4549-8c5b-1a22262399ca%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-48782dd1-d00c-4549-8c5b-1a22262399ca-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-48782dd1-d00c-4549-8c5b-1a22262399ca-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-48782dd1-d00c-4549-8c5b-1a22262399ca-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input aria-describedby=\"input-48782dd1-d00c-4549-8c5b-1a22262399ca-message\" placeholder=\"(Default) False\" type=\"text\" id=\"input-48782dd1-d00c-4549-8c5b-1a22262399ca\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [chromium-highContrast] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / "
|
|
[chromium-highContrast] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [chromium-highContrast] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
4) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-c8e78177-b7b9-4869-b441-713944a263eb-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20aria-describedby%3D%5C%22select-c8e78177-b7b9-4869-b441-713944a263eb-message%5C%22%20id%3D%5C%22select-c8e78177-b7b9-4869-b441-713944a263eb%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-c8e78177-b7b9-4869-b441-713944a263eb-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-c8e78177-b7b9-4869-b441-713944a263eb-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-c8e78177-b7b9-4869-b441-713944a263eb-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select aria-describedby=\"select-c8e78177-b7b9-4869-b441-713944a263eb-message\" id=\"select-c8e78177-b7b9-4869-b441-713944a263eb\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
4) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1453,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-53994f3f-d222-4ddf-b237-88334d1f09ac-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20aria-describedby%3D%5C%22select-53994f3f-d222-4ddf-b237-88334d1f09ac-message%5C%22%20id%3D%5C%22select-53994f3f-d222-4ddf-b237-88334d1f09ac%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-53994f3f-d222-4ddf-b237-88334d1f09ac-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-53994f3f-d222-4ddf-b237-88334d1f09ac-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-53994f3f-d222-4ddf-b237-88334d1f09ac-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select aria-describedby=\"select-53994f3f-d222-4ddf-b237-88334d1f09ac-message\" id=\"select-53994f3f-d222-4ddf-b237-88334d1f09ac\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
Process completed with exit code 1.
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-3940c34b-4809-4b11-8714-0c884283171a-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-3940c34b-4809-4b11-8714-0c884283171a%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-3940c34b-4809-4b11-8714-0c884283171a-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-3940c34b-4809-4b11-8714-0c884283171a-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-3940c34b-4809-4b11-8714-0c884283171a-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-3940c34b-4809-4b11-8714-0c884283171a-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-3940c34b-4809-4b11-8714-0c884283171a\" class=\"\" aria-describedby=\"input-3940c34b-4809-4b11-8714-0c884283171a-message\" placeholder=\"(Default) False\" type=\"text\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
1) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20id%3D%5C%22input-1ae33008-e191-4d2c-a1c0-1171871a1d03%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input id=\"input-1ae33008-e191-4d2c-a1c0-1171871a1d03\" class=\"\" aria-describedby=\"input-1ae33008-e191-4d2c-a1c0-1171871a1d03-message\" placeholder=\"(Default) False\" type=\"text\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
892 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-should-match-screenshot-1-diff.png
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
- 892 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
- 892 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
892 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-retry1/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-retry1/DBRadio-should-match-screenshot-1-diff.png
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
- 892 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
- 892 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
3) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-ad8e0205-0f38-4667-a694-62f6effd4591-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-ad8e0205-0f38-4667-a694-62f6effd4591%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-ad8e0205-0f38-4667-a694-62f6effd4591-message%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-ad8e0205-0f38-4667-a694-62f6effd4591-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-ad8e0205-0f38-4667-a694-62f6effd4591-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-ad8e0205-0f38-4667-a694-62f6effd4591-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-ad8e0205-0f38-4667-a694-62f6effd4591\" class=\"\" aria-describedby=\"select-ad8e0205-0f38-4667-a694-62f6effd4591-message\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
3) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-00141330-37d5-498f-8b58-594008619e6b-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20id%3D%5C%22select-00141330-37d5-498f-8b58-594008619e6b%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-00141330-37d5-498f-8b58-594008619e6b-message%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-00141330-37d5-498f-8b58-594008619e6b-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-00141330-37d5-498f-8b58-594008619e6b-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-00141330-37d5-498f-8b58-594008619e6b-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select id=\"select-00141330-37d5-498f-8b58-594008619e6b\" class=\"\" aria-describedby=\"select-00141330-37d5-498f-8b58-594008619e6b-message\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
126 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-should-match-screenshot-1-diff.png
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
- 126 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
- 126 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
126 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-should-match-screenshot-1-diff.png
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
- 126 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
- 126 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
Process completed with exit code 1.
|
|
[chromium] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1093 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1093 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
- 1093 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1093 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-retry1/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1093 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
- 1093 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20aria-describedby%3D%5C%22input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20id%3D%5C%22input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input aria-describedby=\"input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a-message\" placeholder=\"(Default) False\" type=\"text\" id=\"input-d99a0bfb-a719-4380-8d11-1af8dbf5b42a\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 411,
+ "top": 1445,
+ "width": 221,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cinput%20aria-describedby%3D%5C%22input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message%5C%22%20placeholder%3D%5C%22(Default)%20False%5C%22%20type%3D%5C%22text%5C%22%20id%3D%5C%22input-d4564392-e13a-4937-a4fc-aa71a5be9ac9%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message%22%2C%22aria-describedby%22%2C%22input%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message",
+ "aria-describedby",
+ "input",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/textbox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-input[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-input[1]/div[1]/input[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<input aria-describedby=\"input-d4564392-e13a-4937-a4fc-aa71a5be9ac9-message\" placeholder=\"(Default) False\" type=\"text\" id=\"input-d4564392-e13a-4937-a4fc-aa71a5be9ac9\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [chromium] › default.ts:219:2 › DBInput › should have same aria-snapshot ──────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / "
|
|
[chromium] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [chromium] › default.ts:219:2 › DBInput › should have same aria-snapshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / " Label
- textbox "Label"
- status
- text: x_placeholder" / "
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
4) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-a55208cb-a13c-4801-97fa-03edc692fc16-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20aria-describedby%3D%5C%22select-a55208cb-a13c-4801-97fa-03edc692fc16-message%5C%22%20id%3D%5C%22select-a55208cb-a13c-4801-97fa-03edc692fc16%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-a55208cb-a13c-4801-97fa-03edc692fc16-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-a55208cb-a13c-4801-97fa-03edc692fc16-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-a55208cb-a13c-4801-97fa-03edc692fc16-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select aria-describedby=\"select-a55208cb-a13c-4801-97fa-03edc692fc16-message\" id=\"select-a55208cb-a13c-4801-97fa-03edc692fc16\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker:
showcases/e2e/default.ts#L210
4) [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 33
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 40,
+ "left": 332,
+ "top": 1445,
+ "width": 300,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/aria_id_unique.html#%7B%22message%22%3A%22The%20'id'%20%5C%22select-96f91484-2947-4356-a479-b48e353d34b7-message%5C%22%20specified%20for%20the%20ARIA%20property%20'aria-describedby'%20value%20is%20not%20valid%22%2C%22snippet%22%3A%22%3Cselect%20aria-describedby%3D%5C%22select-96f91484-2947-4356-a479-b48e353d34b7-message%5C%22%20id%3D%5C%22select-96f91484-2947-4356-a479-b48e353d34b7%5C%22%20aria-invalid%3D%5C%22false%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22Fail_1%22%2C%22ruleId%22%3A%22aria_id_unique%22%2C%22msgArgs%22%3A%5B%22select-96f91484-2947-4356-a479-b48e353d34b7-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "The 'id' \"select-96f91484-2947-4356-a479-b48e353d34b7-message\" specified for the ARIA property 'aria-describedby' value is not valid",
+ "messageArgs": Array [
+ "select-96f91484-2947-4356-a479-b48e353d34b7-message",
+ "aria-describedby",
+ "select",
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/combobox[8]",
+ "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[4]/db-card[1]/div[1]/div[1]/div[1]/db-select[1]/div[1]/select[1]",
+ },
+ "reasonId": "Fail_1",
+ "ruleId": "aria_id_unique",
+ "ruleTime": 0,
+ "snippet": "<select aria-describedby=\"select-96f91484-2947-4356-a479-b48e353d34b7-message\" id=\"select-96f91484-2947-4356-a479-b48e353d34b7\" aria-invalid=\"false\">",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
|
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
5) [chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
Process completed with exit code 1.
|
|
[firefox] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1014 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1014 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
- 1014 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1014 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-diff.png
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
- 1014 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
- 1014 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
|
|
[firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBInput" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Variant arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Floating Label
- status
- link "Show Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Show Message arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: information_circle" / " Message
- status
- link "State arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- link "Disabled arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label" [disabled]
- status
- link "Readonly arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) False
- status
- text: Label
- textbox "Label": "True"
- status
- link "Validation arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- text: exclamation_mark_circle" / " Invalid Message
- status
- text: Label
- textbox "Label"
- text: check_circle" / " Valid message
- status
- link "Required arrow_up_right\" / \""
- text: Label*" / "
- textbox "Label*\" / \""
- status
- text: Label*" / "
- textbox "Label*\" / \""
- status
- link "Content arrow_up_right\" / \""
- text: Label
- textbox "Label": (Default) Text
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- link "Example - Types arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_glass" / " Label
- searchbox "Label"
- status
- text: cross_circle" / " Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: calendar" / " Label
- textbox "Label"
- status
- text: clock" / " Label
- textbox "Label"
- status
- text: calendar" / "
- link "Example Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label": Filled
- status
- text: Label
- textbox "Label" [disabled]
- status
- text: Label
- textbox "Label": Readonly - Filled
- status
- link "Example - Types - Floating Label arrow_up_right\" / \""
- text: Label
- textbox "Label"
- status
- text: Label
- textbox "Label"
- status
- text: magnifying_g
|
|
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1398 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-diff.png
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
- 1398 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
- 1398 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1398 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1398 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
- 1398 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
|
|
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────
Error: expect(page).toHaveScreenshot(expected)
891 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome/DBRadio-should-match-screenshot-1-diff.png
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
- 891 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
- 891 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
891 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome-retry1/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome-retry1/DBRadio-should-match-screenshot-1-diff.png
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
- 891 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
- 891 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
126 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-diff.png
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
- 126 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
- 126 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot:
showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
126 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-diff.png
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
- 126 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
- 126 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1239 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome/DBSwitch-should-match-screenshot-1-diff.png
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
- 1234 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
- 1239 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1239 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-mobile-chrome-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1234 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
- 1239 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
774 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-diff.png
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
- 774 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
- 774 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
774 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit-retry1/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit-retry1/DBRadio-should-match-screenshot-1-diff.png
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
- 774 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
- 774 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1139 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit/DBSwitch-should-match-screenshot-1-diff.png
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
- 1139 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
- 1139 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1139 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-webkit-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1139 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
- 1139 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4291px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4291px. 159 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
- 159 pixels (ratio 0.01 of all image pixels) are different.
- waiting 250ms 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 4455px, received 1280px by 4291px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4455px, received 1280px by 4275px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit-retry1/DBTextarea-should-match-screenshot-1-diff.png
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 4455px, received 1280px by 4275px.
- 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 4455px, received 1280px by 4275px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBInput › should match screenshot:
showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4905px, received 1280px by 4937px.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png
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 4905px, received 1280px by 4937px. 153 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
- 153 pixels (ratio 0.01 of all image pixels) are different.
- waiting 250ms 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 4905px, received 1280px by 4937px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBNotification › should match screenshot:
showcases/e2e/default.ts#L111
6) [webkit] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4693px, received 1280px by 4709px.
Expected: /__w/mono/mono/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-webkit/DBNotification-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-webkit/DBNotification-should-match-screenshot-1-diff.png
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 4693px, received 1280px by 4709px.
- 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 4693px, received 1280px by 4709px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Process completed with exit code 1.
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
|
|
[firefox] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
754 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox/DBRadio-should-match-screenshot-1-diff.png
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
- 754 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
- 754 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:79:2 › DBRadio › should match screenshot:
showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
754 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox-retry1/DBRadio-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox-retry1/DBRadio-should-match-screenshot-1-diff.png
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
- 754 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
- 754 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- status
- text: chevron_down" / "
- link "Content arrow_up_right\" / \""
- text:
|
|
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBSelect" [level=1]
- link "Density arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Functional
- text: Functional
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Regular
- text: (Default) Regular
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Expressive
- text: Expressive
- status
- text: chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Label Above
- text: (Default) Label Above
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Floating Label" [selected]
- option "Option 2"
- text: Floating Label
- status
- text: chevron_down" / "
- link "Show Label arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) True
- text: (Default) True
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "False"
- text: "False"
- status
- text: chevron_down" / "
- link "Show Message arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: "True"
- text: True information_circle" / " Message
- status
- text: chevron_down" / "
- link "State arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) Empty
- text: (Default) Empty
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Filled" [selected]
- option "Option 2"
- text: Filled
- status
- text: chevron_down" / "
- link "Validation arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) No validation
- text: (Default) No validation
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: Invalid
- text: Invalid exclamation_mark_circle" / " Invalid Message
- status
- text: chevron_down" / " Label
- combobox "Label":
- option "Valid" [selected]
- option "Option 2"
- text: Valid
- text: Valid check_circle" / " Valid message
- status
- text: chevron_down" / "
- link "Disabled arrow_up_right\" / \""
- text: Label
- combobox "Label":
- option "Option 1"
- option "Option 2"
- text: (Default) False
- text: (Default) False
- status
- text: chevron_down" / " Label
- combobox "Label" [disabled]:
- option "Option 1"
- option "Option 2"
- text: "True"
- text: "True"
- s
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1228 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox/DBSwitch-should-match-screenshot-1-diff.png
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
- 1228 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
- 1228 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot:
showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1228 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-firefox-retry1/DBSwitch-should-match-screenshot-1-diff.png
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
- 1228 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
- 1228 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBAccordion › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1737px, received 1280px by 1753px.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png
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 1737px, received 1280px by 1753px.
- 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 1737px, received 1280px by 1753px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBButton › should match screenshot:
showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2955px, received 1280px by 2987px.
Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png
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 2955px, received 1280px by 2987px.
- 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 2955px, received 1280px by 2987px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
[webkit] › default.ts:79:2 › DBDrawer › should match screenshot:
showcases/e2e/default.ts#L111
6) [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2955px, received 1280px by 2987px.
Expected: /__w/mono/mono/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-webkit/DBDrawer-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-webkit/DBDrawer-should-match-screenshot-1-diff.png
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 2955px, received 1280px by 2987px.
- 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 2955px, received 1280px by 2987px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
test-screen-reader / 🧪🎭 - screen-reader - windows-2022 - react - 4/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - windows-2022 - react - 3/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - windows-2022 - react - 1/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - windows-2022 - react - 2/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 3/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 4/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 1/4
Process completed with exit code 1.
|
|
checks-done
Process completed with exit code 1.
|
|
init / Init
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
get-playwright-version / Get and save publish version
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test / Test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
scan-secrets / TruffleHog
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-packages / Build Packages
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
lint / Lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-vue / Build Showcase vue-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-react / Build Showcase react-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-angular / Build Showcase angular-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-nuxt / Build Showcase nuxt-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-stencil / Build Showcase stencil-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-next / Build Showcase next-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-outputs / Build outputs
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
build-showcase-patternhub / Build Patternhub
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-foundations / 🧪🎭 - foundations
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-components / 🧪🎭 - react:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-components / 🧪🎭 - react:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-components / 🧪🎭 - vue:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-components / 🧪🎭 - vue:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-components / 🧪🎭 - react:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-components / 🧪🎭 - vue:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-react / 🧪🎭 - react-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-react / 🧪🎭 - react-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
Slow Test:
[chromium] › default.ts#L1
[chromium] › default.ts took 46.3s
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-react / 🧪🎭 - react-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
|
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
checks-done
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
🎭 Playwright Run Summary
1 failed
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────
49 skipped
119 passed (2.1m)
|
|
🎭 Playwright Run Summary
1 failed
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────
49 skipped
119 passed (3.5m)
|
|
🎭 Playwright Run Summary
3 failed
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker ──────────────────────
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ─────────────────────
[chromium] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
166 passed (4.1m)
|
|
🎭 Playwright Run Summary
3 failed
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ─────────
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ────────
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────
166 passed (4.2m)
|
|
🎭 Playwright Run Summary
2 failed
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker ──────────────────────
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ─────────────────────
167 passed (4.1m)
|
|
🎭 Playwright Run Summary
2 failed
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ─────────
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ────────
167 passed (4.1m)
|
|
🎭 Playwright Run Summary
4 failed
[mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────
[mobile_chrome] › default.ts:219:2 › DBInput › should have same aria-snapshot ──────────────────
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────
63 skipped
102 passed (2.3m)
|
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
49 skipped
119 passed (4.4m)
|
|
🎭 Playwright Run Summary
3 failed
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────────
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
49 skipped
117 passed (5.6m)
|
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
49 skipped
119 passed (5.9m)
|
|
🎭 Playwright Run Summary
3 failed
[mobile_safari] › default.ts:219:2 › DBInput › should have same aria-snapshot ──────────────────
[mobile_safari] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────
[mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────
63 skipped
103 passed (3.6m)
|
|
🎭 Playwright Run Summary
5 failed
[chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ────────
[chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────
40 skipped
96 passed (3.6m)
|
|
🎭 Playwright Run Summary
4 failed
[webkit] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────────────
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────────────
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
63 skipped
102 passed (4.6m)
|
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ─────────
1 flaky
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────
22 skipped
117 passed (3.5m)
|
|
🎭 Playwright Run Summary
6 failed
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────
[chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ─────────
[chromium-highContrast] › default.ts:219:2 › DBInput › should have same aria-snapshot ──────────
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ────────
[chromium-highContrast] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────
14 skipped
149 passed (5.0m)
|
|
🎭 Playwright Run Summary
6 failed
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker ──────────────────────
[chromium] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────────────
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ─────────────────────
[chromium] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
[chromium] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
1 flaky
[chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────
20 skipped
114 passed (4.3m)
|
|
🎭 Playwright Run Summary
6 failed
[chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────
[chromium] › default.ts:174:2 › DBInput › test with accessibility checker ──────────────────────
[chromium] › default.ts:219:2 › DBInput › should have same aria-snapshot ───────────────────────
[chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ─────────────────────
[chromium] › default.ts:219:2 › DBSelect › should have same aria-snapshot ──────────────────────
[chromium] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────
14 skipped
149 passed (5.0m)
|
|
🎭 Playwright Run Summary
4 failed
[firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────────────
[firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot ────────────────────────
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
63 skipped
102 passed (5.4m)
|
|
🎭 Playwright Run Summary
4 failed
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:219:2 › DBSelect › should have same aria-snapshot ─────────────────
[mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────
59 skipped
77 passed (1.8m)
|
|
🎭 Playwright Run Summary
4 failed
[webkit] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────────
[webkit] › default.ts:219:2 › DBSelect › should have same aria-snapshot ────────────────────────
[webkit] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
7 flaky
[webkit] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────────
[webkit] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────────
[webkit] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────────
59 skipped
71 passed (4.1m)
|
|
🎭 Playwright Run Summary
3 failed
[firefox] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────────
[firefox] › default.ts:219:2 › DBSelect › should have same aria-snapshot ───────────────────────
[firefox] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────────────
3 flaky
[webkit] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────────
[webkit] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────────
[webkit] › default.ts:79:2 › DBDrawer › should match screenshot ────────────────────────────────
57 skipped
78 passed (3.6m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
angular-showcase-playwright-results-1
|
3.84 MB |
|
|
angular-showcase-playwright-results-2
|
3.75 MB |
|
|
angular-showcase-playwright-results-3
|
3.15 MB |
|
|
angular-showcase-playwright-results-4
|
5.25 MB |
|
|
angular-showcase-playwright-results-5
|
2.44 MB |
|
|
angular-showcase-playwright-results-6
|
3.18 MB |
|
|
db-ui-angular-showcase
|
1.44 MB |
|
|
db-ui-angular-ssr-showcase
|
2.18 MB |
|
|
db-ui-components-build
|
349 KB |
|
|
db-ui-foundations-build
|
151 KB |
|
|
db-ui-migration-build
|
1.91 KB |
|
|
db-ui-next-showcase
|
1.52 MB |
|
|
db-ui-nuxt-showcase
|
1.99 MB |
|
|
db-ui-output
|
400 KB |
|
|
db-ui-outputs
|
3.87 MB |
|
|
db-ui-patternhub
|
3.73 MB |
|
|
db-ui-react-showcase
|
1.36 MB |
|
|
db-ui-stencil-showcase
|
1.41 MB |
|
|
db-ui-vue-showcase
|
1.32 MB |
|
|
react-recordings-macos-13-1
|
87.5 MB |
|
|
react-recordings-macos-13-2
|
95.4 MB |
|
|
react-recordings-macos-13-3
|
82.2 MB |
|
|
react-recordings-macos-13-4
|
82 MB |
|
|
react-recordings-windows-2022-1
|
11.3 MB |
|
|
react-recordings-windows-2022-2
|
7.85 MB |
|
|
react-recordings-windows-2022-3
|
4.74 MB |
|
|
react-recordings-windows-2022-4
|
3.03 MB |
|
|
react-screen-reader-macos-13-1
|
1.55 MB |
|
|
react-screen-reader-macos-13-2
|
2.37 MB |
|
|
react-screen-reader-macos-13-3
|
1.14 MB |
|
|
react-screen-reader-macos-13-4
|
1.93 MB |
|
|
react-screen-reader-windows-2022-1
|
1.26 MB |
|
|
react-screen-reader-windows-2022-2
|
1.48 MB |
|
|
react-screen-reader-windows-2022-3
|
799 KB |
|
|
react-screen-reader-windows-2022-4
|
361 KB |
|
|
react-showcase-playwright-results-1
|
1.16 MB |
|
|
react-showcase-playwright-results-2
|
1.19 MB |
|
|
react-showcase-playwright-results-4
|
2.01 MB |
|
|
snapshots-showcases
|
12.5 MB |
|
|
stencil-showcase-playwright-results-1
|
5.08 MB |
|
|
stencil-showcase-playwright-results-2
|
1.22 MB |
|
|
stencil-showcase-playwright-results-3
|
3.84 MB |
|
|
stencil-showcase-playwright-results-4
|
4.99 MB |
|
|
stencil-showcase-playwright-results-5
|
14.2 MB |
|
|
stencil-showcase-playwright-results-6
|
3.07 MB |
|
|
vue-showcase-playwright-results-1
|
2.07 MB |
|
|
vue-showcase-playwright-results-2
|
2.02 MB |
|
|
vue-showcase-playwright-results-3
|
1.2 MB |
|
|
vue-showcase-playwright-results-4
|
4.13 MB |
|
|
vue-showcase-playwright-results-5
|
966 KB |
|
|
vue-showcase-playwright-results-6
|
1.33 MB |
|