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

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

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-712cdee6-a4ff-4c53-a29a-bf1777b4a879-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-712cdee6-a4ff-4c53-a29a-bf1777b4a879%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-712cdee6-a4ff-4c53-a29a-bf1777b4a879-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-712cdee6-a4ff-4c53-a29a-bf1777b4a879-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The 'id' \"select-712cdee6-a4ff-4c53-a29a-bf1777b4a879-message\" specified for the ARIA property 'aria-describedby' value is not valid", + "messageArgs": Array [ + "select-712cdee6-a4ff-4c53-a29a-bf1777b4a879-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-712cdee6-a4ff-4c53-a29a-bf1777b4a879\" class=\"\" aria-describedby=\"select-712cdee6-a4ff-4c53-a29a-bf1777b4a879-message\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20

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-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-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-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9%5C%22%20class%3D%5C%22%5C%22%20aria-describedby%3D%5C%22select-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-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-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-message%22%2C%22aria-describedby%22%2C%22select%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The 'id' \"select-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-message\" specified for the ARIA property 'aria-describedby' value is not valid", + "messageArgs": Array [ + "select-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-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-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9\" class=\"\" aria-describedby=\"select-aa945f5a-7e92-40f3-ad4e-dd9ad77363c9-message\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20

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

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

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:

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

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

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

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.