refactor: patternhub examples to align with figma props #15592
Annotations
11 errors, 2 warnings, and 1 notice
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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" / "
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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
|
|
🔣 Print GitHub Report:
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:
|
|
🔣 Print GitHub Report:
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
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
|
🔣 Print GitHub Report
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)
|
Loading