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

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

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":

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

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":

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

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":

Process completed with exit code 1.