Skip to content

test: add a11y tests to showcases #11488

test: add a11y tests to showcases

test: add a11y tests to showcases #11488

Triggered via pull request May 10, 2024 09:00
Status Failure
Total duration 24m 40s
Artifacts 21

default.yml

on: pull_request
build-packages  /  Build Packages
1m 4s
build-packages / Build Packages
get-playwright-version  /  Get and save publish version
19s
get-playwright-version / Get and save publish version
build-showcases  /  Build Showcases
1m 47s
build-showcases / Build Showcases
build-outputs  /  Build outputs
59s
build-outputs / Build outputs
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
2m 56s
test-foundations / 🧪🎭 - foundations
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots
14m 34s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

56 errors, 2 warnings, and 15 notices
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - react:4/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - react:1/5
Process completed with exit code 1.
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [chromium] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [chromium] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - vue:1/5
Process completed with exit code 1.
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - angular:4/5
Process completed with exit code 1.
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [chromium] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-00828ac0-213b-460a-9809-e6be0485f4cf\">", + "target": Array [ + "#navigation-00828ac0-213b-460a-9809-e6be0485f4cf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-66048470-12c3-4639-b64e-50ac8bb5ceb0\">", + "target": Array [ + "#navigation-66048470-12c3-4639-b64e-50ac8bb5ceb0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-626274b6-3cdd-4d11-b015-acdd4018bf96\">", + "target": Array [ + "#navigation-626274b6-3cdd-4d11-b015-acdd4018bf96", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4f3c381c-8b28-41a0-a739-0d5829b793cc\">", + "target": Array [ + "#navigation-4f3c381c-8b28-41a0-a739-0d5829b793cc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-55afe802-6e80-4db3-9d74-a7a90159d46a\">", + "target": Array [ + "#navigation-55afe802-6e80-4db3-9d74-a7a90159d46a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2ffdc69c-7e86-4003-903d-2357204050eb\">", + "target": Array [ + "#navigation-2ffdc69c-7e86-4003-903d-2357204050eb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-612b4aef-15ef-489a-aef7-b564df093396\">", + "target": Array [ + "#navigation-612b4aef-15ef-489a-aef7-b564df093396", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-23d48ac6-ed78-48d8-86fb-1c417e5f4e74\">", + "target": Array [ + "#navigation-23d48ac6-ed78-48d8-86fb-1c417e5f4e74", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-b47ce968-d121-4876-af6c-a7f403fee53a\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-894f31b9-9ecd-41fe-8d9e-3649f7660a8a\">", + "target": Array [ + "#navigation-894f31b9-9ecd-41fe-8d9e-3649f7660a8a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-69c62ce1-0a1d-4773-8e6b-dd7c702525e1\">", + "target": Array [ + "#navigation-69c62ce1-0a1d-4773-8e6b-dd7c702525e1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4eba3106-6067-4348-9893-76ffad7c9a32\">", + "target": Array [ + "#navigation-4eba3106-6067-4348-9893-76ffad7c9a32", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-72bcb237-a079-4018-9442-632399fff5b4\">", + "target": Array [ + "#navigation-72bcb237-a079-4018-9442-632399fff5b4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a204e726-e4bc-4bbd-b4c0-9658c15750ff\">", + "target": Array [ + "#navigation-a204e726-e4bc-4bbd-b4c0-9658c15750ff", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6b0f5bea-fd21-43b5-85ee-e9459e0a5ec3\">", + "target": Array [ + "#navigation-6b0f5bea-fd21-43b5-85ee-e9459e0a5ec3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-549359eb-caca-44c8-bff6-02f8e2dd1a0e\">", + "target": Array [ + "#navigation-549359eb-caca-44c8-bff6-02f8e2dd1a0e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e73087b0-c9ab-467c-9382-e690962f200c\">", + "target": Array [ + "#navigation-e73087b0-c9ab-467c-9382-e690962f200c", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-d937f7c0-86d8-4c1e-beae-e1be8acd3207\">", + "impact":
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9c6ce2ca-5cba-41c8-9bc7-35b716e5fb6e\">", + "target": Array [ + "#navigation-9c6ce2ca-5cba-41c8-9bc7-35b716e5fb6e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a8c36662-507b-4b12-acb8-09fba66557e1\">", + "target": Array [ + "#navigation-a8c36662-507b-4b12-acb8-09fba66557e1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-78de9ff1-b905-405b-8b6a-5fd3a4679bd0\">", + "target": Array [ + "#navigation-78de9ff1-b905-405b-8b6a-5fd3a4679bd0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-243aaf49-2be6-4220-b8bb-3e00c49a4079\">", + "target": Array [ + "#navigation-243aaf49-2be6-4220-b8bb-3e00c49a4079", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dde3ced0-6dc5-43a0-8c96-eef30670f3ad\">", + "target": Array [ + "#navigation-dde3ced0-6dc5-43a0-8c96-eef30670f3ad", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b3744a8f-9ca3-4e2d-8aa5-99d1f7c21da9\">", + "target": Array [ + "#navigation-b3744a8f-9ca3-4e2d-8aa5-99d1f7c21da9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1f74aac8-7c54-4bb3-8399-cc05beeadd4b\">", + "target": Array [ + "#navigation-1f74aac8-7c54-4bb3-8399-cc05beeadd4b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9e1d2c83-1080-47b9-98ab-382ced4be002\">", + "target": Array [ + "#navigation-9e1d2c83-1080-47b9-98ab-382ced4be002", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-fb0775b8-118b-4658-80fe-597da599babc\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7ebf8254-37e1-4174-bf48-410db313eb27\">", + "target": Array [ + "#navigation-7ebf8254-37e1-4174-bf48-410db313eb27", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f82d8c31-843a-4098-b59d-43c407f927fa\">", + "target": Array [ + "#navigation-f82d8c31-843a-4098-b59d-43c407f927fa", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0bbae30f-8589-4d30-a1c6-0c056e7dbc4d\">", + "target": Array [ + "#navigation-0bbae30f-8589-4d30-a1c6-0c056e7dbc4d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cab1fdcd-8520-45c9-985b-9ae14abb7e90\">", + "target": Array [ + "#navigation-cab1fdcd-8520-45c9-985b-9ae14abb7e90", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6a0852db-a6ea-45fa-9a01-65eceb13eca5\">", + "target": Array [ + "#navigation-6a0852db-a6ea-45fa-9a01-65eceb13eca5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4612e454-a1ad-4175-9bc9-629c6dbed3ce\">", + "target": Array [ + "#navigation-4612e454-a1ad-4175-9bc9-629c6dbed3ce", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e97d8142-ad51-464f-9578-0682ea426700\">", + "target": Array [ + "#navigation-e97d8142-ad51-464f-9578-0682ea426700", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-29bca0e0-4fe2-4ad7-b595-4b7d1eb7dfa4\">", + "target": Array [ + "#navigation-29bca0e0-4fe2-4ad7-b595-4b7d1eb7dfa4", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-8539e56d-a6ad-4886-a41a-988dad4d94fc\">", + "impact":
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-37691435-5e7e-4dc6-8645-8e6e29fe7310\">", + "target": Array [ + "#navigation-37691435-5e7e-4dc6-8645-8e6e29fe7310", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ac410941-1de7-4c2e-ab73-db93d4e7ccd4\">", + "target": Array [ + "#navigation-ac410941-1de7-4c2e-ab73-db93d4e7ccd4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-96d1a0a1-916b-4fb4-b581-f6282f4008eb\">", + "target": Array [ + "#navigation-96d1a0a1-916b-4fb4-b581-f6282f4008eb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-eba060a0-a97b-4f60-ad52-1a02d1e8934b\">", + "target": Array [ + "#navigation-eba060a0-a97b-4f60-ad52-1a02d1e8934b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b1cec1ff-3389-4ecd-a5ac-ab7f83ce8646\">", + "target": Array [ + "#navigation-b1cec1ff-3389-4ecd-a5ac-ab7f83ce8646", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5e46a759-1ab4-4a6a-9e5c-67948192c6dd\">", + "target": Array [ + "#navigation-5e46a759-1ab4-4a6a-9e5c-67948192c6dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-190f4032-5ecc-43f2-827b-488551d566e3\">", + "target": Array [ + "#navigation-190f4032-5ecc-43f2-827b-488551d566e3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-656dd94a-2ac9-4c8c-a68f-38760c8634b7\">", + "target": Array [ + "#navigation-656dd94a-2ac9-4c8c-a68f-38760c8634b7", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-e61e3f72-8ed2-4e6d-a8d3-db813d1d23dc\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9e2ce677-d9c8-4be9-9b2a-25d234df4ae1\">", + "target": Array [ + "#navigation-9e2ce677-d9c8-4be9-9b2a-25d234df4ae1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-811825b3-f54c-4a12-aff8-d18aec76c29f\">", + "target": Array [ + "#navigation-811825b3-f54c-4a12-aff8-d18aec76c29f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4a739d7d-795a-4506-a997-d47f63bc87a0\">", + "target": Array [ + "#navigation-4a739d7d-795a-4506-a997-d47f63bc87a0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-943fd592-1738-4ed5-9328-81c6a99cbf9d\">", + "target": Array [ + "#navigation-943fd592-1738-4ed5-9328-81c6a99cbf9d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-58a0a501-2cc2-4d9a-a95e-f9fce4635a40\">", + "target": Array [ + "#navigation-58a0a501-2cc2-4d9a-a95e-f9fce4635a40", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-89ccde80-d54e-4d70-8aaf-5508457f8a09\">", + "target": Array [ + "#navigation-89ccde80-d54e-4d70-8aaf-5508457f8a09", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7e715612-a8e1-42c0-8494-314f3d189ea9\">", + "target": Array [ + "#navigation-7e715612-a8e1-42c0-8494-314f3d189ea9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c78dc871-ef3f-42ce-aeec-1d4b84d27e54\">", + "target": Array [ + "#navigation-c78dc871-ef3f-42ce-aeec-1d4b84d27e54", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-991ac613-6fd5-4aa3-9391-ea3eea4af448\">", + "impact":
test-showcases / 🧪🎭 - angular:1/5
Process completed with exit code 1.
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - react:5/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - react:2/5
Process completed with exit code 1.
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - angular:5/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - vue:4/5
Process completed with exit code 1.
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3404 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3404 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 - 3404 pixels (ratio 0.02 of all image pixels) are different. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:22
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - vue:2/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - angular:2/5
Process completed with exit code 1.
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ee61b650-97e8-492d-a349-b5fd3abdbff8\">", + "target": Array [ + "#navigation-ee61b650-97e8-492d-a349-b5fd3abdbff8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2d177850-d9ca-409c-8121-4272ea4a4c18\">", + "target": Array [ + "#navigation-2d177850-d9ca-409c-8121-4272ea4a4c18", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a5e01b05-0e47-4849-a703-82bafebfd4f6\">", + "target": Array [ + "#navigation-a5e01b05-0e47-4849-a703-82bafebfd4f6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-100bca7a-f7ee-4d08-a9bb-85ed4cf0e685\">", + "target": Array [ + "#navigation-100bca7a-f7ee-4d08-a9bb-85ed4cf0e685", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ba2bccb8-a119-4adc-b8e8-ea42e96efe5e\">", + "target": Array [ + "#navigation-ba2bccb8-a119-4adc-b8e8-ea42e96efe5e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5bd81a64-1acd-47c1-ac47-2f2615d62cd2\">", + "target": Array [ + "#navigation-5bd81a64-1acd-47c1-ac47-2f2615d62cd2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bb45d487-536c-44b8-b68f-6d946ae45d48\">", + "target": Array [ + "#navigation-bb45d487-536c-44b8-b68f-6d946ae45d48", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-15f544b2-eeac-48d2-baa4-6f99a5a555b2\">", + "target": Array [ + "#navigation-15f544b2-eeac-48d2-baa4-6f99a5a555b2", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-71473445-9fdd-4d2a-ac29-05bd1a5583e4\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f983abd5-1bd1-45ec-8df9-4fc7b2f50e9d\">", + "target": Array [ + "#navigation-f983abd5-1bd1-45ec-8df9-4fc7b2f50e9d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-40ce2f2a-af03-4f2d-88bc-c62e7050d283\">", + "target": Array [ + "#navigation-40ce2f2a-af03-4f2d-88bc-c62e7050d283", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-55790186-ce3b-4e83-8d13-31be1ea94cc4\">", + "target": Array [ + "#navigation-55790186-ce3b-4e83-8d13-31be1ea94cc4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-55109f22-4440-499e-a04a-502d6ef57e8f\">", + "target": Array [ + "#navigation-55109f22-4440-499e-a04a-502d6ef57e8f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1765d973-15f8-48f9-bdcd-3118811ba01e\">", + "target": Array [ + "#navigation-1765d973-15f8-48f9-bdcd-3118811ba01e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8eb0a7cf-a09b-468d-9092-8b274f079636\">", + "target": Array [ + "#navigation-8eb0a7cf-a09b-468d-9092-8b274f079636", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ce2fb706-c622-4514-80ad-c6209153521b\">", + "target": Array [ + "#navigation-ce2fb706-c622-4514-80ad-c6209153521b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-92f96a6b-fc7b-442d-a9ed-e3012cb8aac2\">", + "target": Array [ + "#navigation-92f96a6b-fc7b-442d-a9ed-e3012cb8aac2", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-446f653f-6dcb-4512-b95b-6fe45ffd582c\">", + "impact": "
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-233f29f7-607b-4f56-84e6-3390a40e44fa\">", + "target": Array [ + "#navigation-233f29f7-607b-4f56-84e6-3390a40e44fa", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f7d13020-4501-42f1-9211-03ac9873a464\">", + "target": Array [ + "#navigation-f7d13020-4501-42f1-9211-03ac9873a464", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6b770871-2bf5-4d0c-863f-c10cfb224a17\">", + "target": Array [ + "#navigation-6b770871-2bf5-4d0c-863f-c10cfb224a17", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-957f1d4b-edbe-4f78-8a61-9ed57a21fee3\">", + "target": Array [ + "#navigation-957f1d4b-edbe-4f78-8a61-9ed57a21fee3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e5264688-83be-4034-ac93-80cf59da7689\">", + "target": Array [ + "#navigation-e5264688-83be-4034-ac93-80cf59da7689", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-facc17ae-2ecd-4f2a-bab3-4e15bf18fd69\">", + "target": Array [ + "#navigation-facc17ae-2ecd-4f2a-bab3-4e15bf18fd69", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bea2546c-679f-401c-95ad-1fea24fb4207\">", + "target": Array [ + "#navigation-bea2546c-679f-401c-95ad-1fea24fb4207", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5b8e9c72-d449-4d71-b1c1-04ec28e8b190\">", + "target": Array [ + "#navigation-5b8e9c72-d449-4d71-b1c1-04ec28e8b190", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-cb7d5298-98de-47e4-8912-fa1a8ba6cf71\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3dadccf7-13b6-458c-948a-b08ae683de74\">", + "target": Array [ + "#navigation-3dadccf7-13b6-458c-948a-b08ae683de74", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1ebf0aa7-a21f-4dcd-af07-508dea660ce6\">", + "target": Array [ + "#navigation-1ebf0aa7-a21f-4dcd-af07-508dea660ce6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b0bae79e-98ab-4428-be21-cab6397d6ee3\">", + "target": Array [ + "#navigation-b0bae79e-98ab-4428-be21-cab6397d6ee3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-644bf2f1-a7bf-4431-907b-d381c8502771\">", + "target": Array [ + "#navigation-644bf2f1-a7bf-4431-907b-d381c8502771", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a64ee3e2-1796-4fbe-b88b-5bf03b936db0\">", + "target": Array [ + "#navigation-a64ee3e2-1796-4fbe-b88b-5bf03b936db0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4397a343-8b4f-468b-a903-8eb6e6e4ca9d\">", + "target": Array [ + "#navigation-4397a343-8b4f-468b-a903-8eb6e6e4ca9d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-592a09bd-e877-40f6-94e1-dd08c0460990\">", + "target": Array [ + "#navigation-592a09bd-e877-40f6-94e1-dd08c0460990", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-284169ad-0935-4b7c-adff-b727c70064cb\">", + "target": Array [ + "#navigation-284169ad-0935-4b7c-adff-b727c70064cb", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-f23c7665-1d0c-4dad-8ebc-88ffcf771f0d\">", + "impact": "
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-373cc48e-4093-45f9-88d8-53feef6a137f\">", + "target": Array [ + "#navigation-373cc48e-4093-45f9-88d8-53feef6a137f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8f44bb94-aca6-4dd7-8875-2808004a2652\">", + "target": Array [ + "#navigation-8f44bb94-aca6-4dd7-8875-2808004a2652", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6cac9437-8778-449c-be3f-0385995a2fba\">", + "target": Array [ + "#navigation-6cac9437-8778-449c-be3f-0385995a2fba", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-11b37c92-ebd7-4ec1-9de3-e3e018425eee\">", + "target": Array [ + "#navigation-11b37c92-ebd7-4ec1-9de3-e3e018425eee", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0616878b-7628-49f8-9d31-1ba2101914cc\">", + "target": Array [ + "#navigation-0616878b-7628-49f8-9d31-1ba2101914cc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2661739e-780f-4fa2-9746-b65e94524268\">", + "target": Array [ + "#navigation-2661739e-780f-4fa2-9746-b65e94524268", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a0ab7ce3-83ef-40b9-a66f-ddd5667cc2d5\">", + "target": Array [ + "#navigation-a0ab7ce3-83ef-40b9-a66f-ddd5667cc2d5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-92f92e6e-e98e-4ae4-9596-2b3f1fa67550\">", + "target": Array [ + "#navigation-92f92e6e-e98e-4ae4-9596-2b3f1fa67550", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-7b942e41-15d5-43dd-8ae9-9d76858fd7e4\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5d921e13-c2a7-481c-8e06-4efdd47d05da\">", + "target": Array [ + "#navigation-5d921e13-c2a7-481c-8e06-4efdd47d05da", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-65940f2b-7f85-4f67-98a3-10592afb6789\">", + "target": Array [ + "#navigation-65940f2b-7f85-4f67-98a3-10592afb6789", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a6bb450a-d632-4375-b2b8-f22bb7fa1470\">", + "target": Array [ + "#navigation-a6bb450a-d632-4375-b2b8-f22bb7fa1470", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e5601ad4-d3bc-4521-b8c0-0959fe9eb5dd\">", + "target": Array [ + "#navigation-e5601ad4-d3bc-4521-b8c0-0959fe9eb5dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a50ecf26-1968-417c-a780-c798df1d014d\">", + "target": Array [ + "#navigation-a50ecf26-1968-417c-a780-c798df1d014d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-918fc1fb-459d-437d-a49c-75514314a03e\">", + "target": Array [ + "#navigation-918fc1fb-459d-437d-a49c-75514314a03e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2f414d63-7146-412f-8918-068d59f5b3c7\">", + "target": Array [ + "#navigation-2f414d63-7146-412f-8918-068d59f5b3c7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-824bc5d7-e294-4e94-956f-f80f0ef596cc\">", + "target": Array [ + "#navigation-824bc5d7-e294-4e94-956f-f80f0ef596cc", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-2ecfe494-ddb0-4453-9ff1-b5d4ad0f3182\">", + "impact": "
test-showcases / 🧪🎭 - vue:5/5
Process completed with exit code 1.
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - react:3/5
Process completed with exit code 1.
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues: showcases/e2e/home/showcase-home.spec.ts#L31
2) [webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ─────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 47 - Array [] + Array [ + Object { + "description": "Ensures 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.9/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=\"#/\">Home</a>", + "target": Array [ + "a[href=\"#/\"]", + ], + }, + ], + }, + ], + "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=\"#/\">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", + ], + }, + ] 29 | .analyze(); 30 | > 31 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 32 | }); 33 | }); 34 | at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:31:47
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a5af5db5-27e6-4e79-bf1e-dce7a0b79523\">", + "target": Array [ + "#navigation-a5af5db5-27e6-4e79-bf1e-dce7a0b79523", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c8aaa33e-31b7-41d1-9bfd-564c45e6e816\">", + "target": Array [ + "#navigation-c8aaa33e-31b7-41d1-9bfd-564c45e6e816", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b8d87331-163d-48a9-8421-ef604d34f80d\">", + "target": Array [ + "#navigation-b8d87331-163d-48a9-8421-ef604d34f80d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf582ecf-8852-4f20-84c4-df554137c2b0\">", + "target": Array [ + "#navigation-cf582ecf-8852-4f20-84c4-df554137c2b0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ab506c2b-8112-4f75-b7c9-99678b252dae\">", + "target": Array [ + "#navigation-ab506c2b-8112-4f75-b7c9-99678b252dae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-089e8375-a401-429a-8876-d4ee46da1133\">", + "target": Array [ + "#navigation-089e8375-a401-429a-8876-d4ee46da1133", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dc74ca85-53a0-4587-a46a-fc66beb16b9d\">", + "target": Array [ + "#navigation-dc74ca85-53a0-4587-a46a-fc66beb16b9d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-853bf1e6-7818-43f3-82ed-7bfd241be3f7\">", + "target": Array [ + "#navigation-853bf1e6-7818-43f3-82ed-7bfd241be3f7", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-d5de12a7-36ae-40dd-b135-38ecb52d80ec\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-05724d9c-474f-47e7-8aba-1f72bb2e967f\">", + "target": Array [ + "#navigation-05724d9c-474f-47e7-8aba-1f72bb2e967f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7145eb31-db73-4c31-8646-824dc58ebf8e\">", + "target": Array [ + "#navigation-7145eb31-db73-4c31-8646-824dc58ebf8e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-36c089aa-d40f-497c-9ce0-c8f1f542b88c\">", + "target": Array [ + "#navigation-36c089aa-d40f-497c-9ce0-c8f1f542b88c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7dd0b7d4-b1e8-4007-b34e-1cb0dcab8514\">", + "target": Array [ + "#navigation-7dd0b7d4-b1e8-4007-b34e-1cb0dcab8514", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4152cf1c-9232-4488-a3d5-8b46dfe404b8\">", + "target": Array [ + "#navigation-4152cf1c-9232-4488-a3d5-8b46dfe404b8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8d9fe4d9-f2e2-46f8-9931-6555e6a9b086\">", + "target": Array [ + "#navigation-8d9fe4d9-f2e2-46f8-9931-6555e6a9b086", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b12dd884-baee-483c-83fd-b832a76b2b2d\">", + "target": Array [ + "#navigation-b12dd884-baee-483c-83fd-b832a76b2b2d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0d551744-4fe7-4357-b271-d538755c8068\">", + "target": Array [ + "#navigation-0d551744-4fe7-4357-b271-d538755c8068", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-b7713e00-e0bc-4abe-8ab6-6ed7ac5d29b4\">", + "impact": "m
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d505b2bb-36ce-4ab0-9df8-8d4485e96b09\">", + "target": Array [ + "#navigation-d505b2bb-36ce-4ab0-9df8-8d4485e96b09", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-350ff93f-c18e-4dda-9b42-674ec57801b8\">", + "target": Array [ + "#navigation-350ff93f-c18e-4dda-9b42-674ec57801b8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-111a65e4-3361-4905-96cc-3b47d2bafcd2\">", + "target": Array [ + "#navigation-111a65e4-3361-4905-96cc-3b47d2bafcd2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1da8a73b-863c-4b93-96c6-5ac53ac65836\">", + "target": Array [ + "#navigation-1da8a73b-863c-4b93-96c6-5ac53ac65836", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1807d611-a90a-438c-9e18-7901ee33fe5e\">", + "target": Array [ + "#navigation-1807d611-a90a-438c-9e18-7901ee33fe5e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-fcaf6fd7-8728-45bb-9d07-4429bc7d5b3c\">", + "target": Array [ + "#navigation-fcaf6fd7-8728-45bb-9d07-4429bc7d5b3c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9bddbd01-2fd5-4ff9-8d5b-2e5a8c5a1a6a\">", + "target": Array [ + "#navigation-9bddbd01-2fd5-4ff9-8d5b-2e5a8c5a1a6a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7cc3771e-9e9d-4aba-bf2c-e345e7b9b4c7\">", + "target": Array [ + "#navigation-7cc3771e-9e9d-4aba-bf2c-e345e7b9b4c7", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-18f2f169-58f4-415d-8059-8fae73facfc6\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-10789078-857b-4fb9-854d-a0cb6c549b8d\">", + "target": Array [ + "#navigation-10789078-857b-4fb9-854d-a0cb6c549b8d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-63675286-88a5-4605-b65a-5f07f2cf45a6\">", + "target": Array [ + "#navigation-63675286-88a5-4605-b65a-5f07f2cf45a6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1be4b0e4-3419-4868-89cb-aa468305542e\">", + "target": Array [ + "#navigation-1be4b0e4-3419-4868-89cb-aa468305542e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-908b1684-07f0-4157-95db-9cd69545a6d0\">", + "target": Array [ + "#navigation-908b1684-07f0-4157-95db-9cd69545a6d0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8c6fd84c-3be2-4ea0-a262-fb79ff6e1937\">", + "target": Array [ + "#navigation-8c6fd84c-3be2-4ea0-a262-fb79ff6e1937", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bc606491-669c-47bd-8273-45cc8be45c56\">", + "target": Array [ + "#navigation-bc606491-669c-47bd-8273-45cc8be45c56", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a919ffbe-e8fb-4df5-a617-995f259ad2d2\">", + "target": Array [ + "#navigation-a919ffbe-e8fb-4df5-a617-995f259ad2d2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e252089b-362a-4f21-8076-bcb1cdfcbd17\">", + "target": Array [ + "#navigation-e252089b-362a-4f21-8076-bcb1cdfcbd17", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-4f2d940f-3741-49ad-a75a-de1eb2a58968\">", + "impact": "m
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ce4a8c3d-7e24-44b7-b924-34b1efc9f2db\">", + "target": Array [ + "#navigation-ce4a8c3d-7e24-44b7-b924-34b1efc9f2db", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-850b4e42-9a8e-4e00-9dc8-69af3570db5f\">", + "target": Array [ + "#navigation-850b4e42-9a8e-4e00-9dc8-69af3570db5f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-638c0bf9-b7ff-49df-a312-aac59d0668ed\">", + "target": Array [ + "#navigation-638c0bf9-b7ff-49df-a312-aac59d0668ed", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-34e09b18-8441-4b93-85b1-9d01e30a47eb\">", + "target": Array [ + "#navigation-34e09b18-8441-4b93-85b1-9d01e30a47eb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-00bed60f-6019-4b31-801e-7747fea170db\">", + "target": Array [ + "#navigation-00bed60f-6019-4b31-801e-7747fea170db", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1a1c9674-c858-416c-82b6-bc850f417c5f\">", + "target": Array [ + "#navigation-1a1c9674-c858-416c-82b6-bc850f417c5f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-194501e0-2dc4-4c34-99a1-9ed2cd4d4fb4\">", + "target": Array [ + "#navigation-194501e0-2dc4-4c34-99a1-9ed2cd4d4fb4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1636f913-9c9f-4a56-9f16-e92021062294\">", + "target": Array [ + "#navigation-1636f913-9c9f-4a56-9f16-e92021062294", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-25b49745-da54-4774-8c18-8edc4c041567\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4be4cb34-792e-4103-aaf4-1f3fc53d84d5\">", + "target": Array [ + "#navigation-4be4cb34-792e-4103-aaf4-1f3fc53d84d5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7f27a4d4-e477-4e0c-acd9-5cf834f907dd\">", + "target": Array [ + "#navigation-7f27a4d4-e477-4e0c-acd9-5cf834f907dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-788d74af-aed8-452e-9c55-e9dc244ca824\">", + "target": Array [ + "#navigation-788d74af-aed8-452e-9c55-e9dc244ca824", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5bb9949f-05d2-4ccb-b34b-5d56a1a8503a\">", + "target": Array [ + "#navigation-5bb9949f-05d2-4ccb-b34b-5d56a1a8503a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-17f54efa-1bfb-486d-abf1-442f2fba610a\">", + "target": Array [ + "#navigation-17f54efa-1bfb-486d-abf1-442f2fba610a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5a631e13-f183-4bb1-ab9c-5a11b203420e\">", + "target": Array [ + "#navigation-5a631e13-f183-4bb1-ab9c-5a11b203420e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-79230d01-87d8-4863-8c2f-c30787533afd\">", + "target": Array [ + "#navigation-79230d01-87d8-4863-8c2f-c30787533afd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7c6c5d5e-a138-4651-b259-2cc7d6038e85\">", + "target": Array [ + "#navigation-7c6c5d5e-a138-4651-b259-2cc7d6038e85", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-3430b83c-3c16-448f-b710-f869abb57dcb\">", + "impact": "m
test-showcases / 🧪🎭 - angular:3/5
Process completed with exit code 1.
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual. 87 | } 88 | > 89 | await expect(page).toHaveScreenshot( | ^ 90 | [density, `neutral-bg-lvl-1.png`], 91 | config 92 | ); at /__w/mono/mono/showcases/e2e/default.ts:89:3
test-showcases / 🧪🎭 - vue:3/5
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
scan-secrets / TruffleHog
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
build-showcases / Build Showcases
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
🎭 Playwright Run Summary
2 failed [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 108 passed (1.8m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── 109 passed (1.9m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── 109 passed (1.9m)
🎭 Playwright Run Summary
2 failed [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 7 skipped 101 passed (1.9m)
🎭 Playwright Run Summary
4 failed [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 [chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 7 skipped 99 passed (2.1m)
🎭 Playwright Run Summary
1 failed [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (2.2m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── 109 passed (2.4m)
🎭 Playwright Run Summary
1 failed [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 7 skipped 102 passed (2.3m)
🎭 Playwright Run Summary
2 failed [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 108 passed (1.7m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── 109 passed (2.5m)
🎭 Playwright Run Summary
4 failed [firefox] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 [firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 7 skipped 99 passed (2.9m)
🎭 Playwright Run Summary
1 failed [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (2.2m)
🎭 Playwright Run Summary
1 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── 1 flaky [webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ──────────── 108 passed (2.9m)
🎭 Playwright Run Summary
4 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 7 skipped 99 passed (3.2m)
🎭 Playwright Run Summary
1 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── 109 passed (2.8m)

Artifacts

Produced during runtime
Name Size
__snapshots__ Expired
10.5 MB
angular-showcase-playwright-results-1 Expired
4.17 MB
angular-showcase-playwright-results-2 Expired
4.41 MB
angular-showcase-playwright-results-3 Expired
4.93 MB
angular-showcase-playwright-results-4 Expired
518 KB
angular-showcase-playwright-results-5 Expired
41.5 KB
db-ui-components-build Expired
340 KB
db-ui-foundations-build Expired
88.4 KB
db-ui-output Expired
355 KB
db-ui-outputs Expired
5.04 MB
db-ui-showcases Expired
9.96 MB
react-showcase-playwright-results-1 Expired
99.4 KB
react-showcase-playwright-results-2 Expired
149 KB
react-showcase-playwright-results-3 Expired
1.84 MB
react-showcase-playwright-results-4 Expired
497 KB
react-showcase-playwright-results-5 Expired
41.5 KB
vue-showcase-playwright-results-1 Expired
105 KB
vue-showcase-playwright-results-2 Expired
152 KB
vue-showcase-playwright-results-3 Expired
108 KB
vue-showcase-playwright-results-4 Expired
496 KB
vue-showcase-playwright-results-5 Expired
45.4 KB