1) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (default) - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: card - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

1) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (default) - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: card - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

2) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "Interaction States arrow_up_right\" / \"" - listitem: - group: Enabled (Default)/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: Disabled chevron_down" / " - link "Content States arrow_up_right\" / \"" - listitem: - group: (Default) Collapsed chevron_down" / " - listitem: - group: Open chevron_down" / " Open Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

2) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "Interaction States arrow_up_right\" / \"" - listitem: - group: Enabled (Default)/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: Disabled chevron_down" / " - link "Content States arrow_up_right\" / \"" - listitem: - group: (Default) Collapsed chevron_down" / " - listitem: - group: Open chevron_down" / " Open Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

3) [webkit] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit/DBSection-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 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 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) [webkit] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit-retry1/DBSection-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 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2129px, received 1280px by 2593px. 38738 pixels (ratio 0.02 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) [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

4) [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

5) [webkit] › home/showcase-home.spec.ts:65:2 › Home › should not have any A11y issues ─────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 47 - Array [] + Array [ + Object { + "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies", + "help": "Interactive controls must not be nested", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=playwright", + "id": "nested-interactive", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "no-focusable-content", + "impact": "serious", + "message": "Element has focusable descendants", + "relatedNodes": Array [ + Object { + "html": "<a href=\"#/\" aria-current=\"page\">Home</a>", + "target": Array [ + "a[href=\"#/\"][aria-current=\"page\"]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has focusable descendants", + "html": "<button class=\"db-navigation-item-expand-button\" aria-haspopup=\"false\" aria-expanded=\"false\"><a href=\"#/\" aria-current=\"page\">Home</a></button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ":root", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag412", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | 87 | const stencil = isStencil(process.env.showcase); at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:84:47

Process completed with exit code 1.

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