1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 2261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit/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 - 2261 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2261 pixels (ratio 0.01 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

1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit-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 - 2261 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2261 pixels (ratio 0.01 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

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-50f7c40a-0350-4f4c-aa10-14821f97f83d\">", + "target": Array [ + "#navigation-50f7c40a-0350-4f4c-aa10-14821f97f83d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d8585437-51c0-4944-b306-751d7aa5d2b7\">", + "target": Array [ + "#navigation-d8585437-51c0-4944-b306-751d7aa5d2b7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-13b76278-d758-482a-9047-35656110dc84\">", + "target": Array [ + "#navigation-13b76278-d758-482a-9047-35656110dc84", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3e998c2e-afe8-4b53-be9d-b1d4843e3dd3\">", + "target": Array [ + "#navigation-3e998c2e-afe8-4b53-be9d-b1d4843e3dd3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dbc7eb77-5c2c-4900-b4d3-5539c131af0a\">", + "target": Array [ + "#navigation-dbc7eb77-5c2c-4900-b4d3-5539c131af0a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5a731a19-76e4-487f-aab9-b8cda4fda6c9\">", + "target": Array [ + "#navigation-5a731a19-76e4-487f-aab9-b8cda4fda6c9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-173e10f7-f006-4a64-aae4-449e356a77c3\">", + "target": Array [ + "#navigation-173e10f7-f006-4a64-aae4-449e356a77c3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f72c60f9-38ba-4e9e-935b-fbf69ee5ac62\">", + "target": Array [ + "#navigation-f72c60f9-38ba-4e9e-935b-fbf69ee5ac62", + ], + }, + ], + }, + ], + "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-a91e99a2-b751-46b8-96e2-98ec736e8579\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation

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-5cef030f-1cfa-41c4-9678-eb8c35ba3b1f\">", + "target": Array [ + "#navigation-5cef030f-1cfa-41c4-9678-eb8c35ba3b1f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-903ff6ca-132b-4493-8e59-6fce284358ed\">", + "target": Array [ + "#navigation-903ff6ca-132b-4493-8e59-6fce284358ed", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-84d60eb4-fdeb-46cc-a827-c3ad7d9eb74d\">", + "target": Array [ + "#navigation-84d60eb4-fdeb-46cc-a827-c3ad7d9eb74d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6c419539-8436-4413-b95d-605db83621a0\">", + "target": Array [ + "#navigation-6c419539-8436-4413-b95d-605db83621a0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d0d66a76-54d5-4faf-9599-a1d4ccff8965\">", + "target": Array [ + "#navigation-d0d66a76-54d5-4faf-9599-a1d4ccff8965", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d48d6947-5eb9-4503-831c-613cf67f0d24\">", + "target": Array [ + "#navigation-d48d6947-5eb9-4503-831c-613cf67f0d24", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f47e555b-fa70-4b20-a579-b11c8882f69b\">", + "target": Array [ + "#navigation-f47e555b-fa70-4b20-a579-b11c8882f69b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0722a077-813e-4f5a-880a-c3fb73e5383d\">", + "target": Array [ + "#navigation-0722a077-813e-4f5a-880a-c3fb73e5383d", + ], + }, + ], + }, + ], + "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-05b3e67f-e299-443b-8bad-b620bdd8f906\">", + "impact": "m

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-ac7188e6-54f2-4ac1-93e4-261187ee8af4\">", + "target": Array [ + "#navigation-ac7188e6-54f2-4ac1-93e4-261187ee8af4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6a4fabc8-6436-462c-9de2-06081685da54\">", + "target": Array [ + "#navigation-6a4fabc8-6436-462c-9de2-06081685da54", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f65a3207-cac1-461d-ba20-482d88a93b1d\">", + "target": Array [ + "#navigation-f65a3207-cac1-461d-ba20-482d88a93b1d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e0c46d57-066b-4d72-997f-506dae89b199\">", + "target": Array [ + "#navigation-e0c46d57-066b-4d72-997f-506dae89b199", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7ca93d77-bc11-4a95-8a26-e85f7f370b7d\">", + "target": Array [ + "#navigation-7ca93d77-bc11-4a95-8a26-e85f7f370b7d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-08d44213-e75a-4ab7-9bef-36de101cf9e5\">", + "target": Array [ + "#navigation-08d44213-e75a-4ab7-9bef-36de101cf9e5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-676ea29a-a129-4b66-b0a7-1628f5ee14ba\">", + "target": Array [ + "#navigation-676ea29a-a129-4b66-b0a7-1628f5ee14ba", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-580f9133-3d16-4882-9d3d-beda9ae14454\">", + "target": Array [ + "#navigation-580f9133-3d16-4882-9d3d-beda9ae14454", + ], + }, + ], + }, + ], + "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-64e219a8-8e5f-4334-8c09-5f2e9aefec6c\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation

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-d86a091f-f19d-4414-9e38-77df59d4ae18\">", + "target": Array [ + "#navigation-d86a091f-f19d-4414-9e38-77df59d4ae18", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-814d1281-f219-4602-a989-0ea654216762\">", + "target": Array [ + "#navigation-814d1281-f219-4602-a989-0ea654216762", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1808dc7d-7410-4cc8-bdf6-4cdaf4474b28\">", + "target": Array [ + "#navigation-1808dc7d-7410-4cc8-bdf6-4cdaf4474b28", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1f1ce659-1afa-4c5f-ab54-a4b06c705558\">", + "target": Array [ + "#navigation-1f1ce659-1afa-4c5f-ab54-a4b06c705558", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4fd5085d-9bf9-4be3-ad47-a84a0edfa529\">", + "target": Array [ + "#navigation-4fd5085d-9bf9-4be3-ad47-a84a0edfa529", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0a232619-063e-47f7-a108-79b46ca3c38a\">", + "target": Array [ + "#navigation-0a232619-063e-47f7-a108-79b46ca3c38a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-937b02b9-56f0-4a4a-b1c3-3a709e690625\">", + "target": Array [ + "#navigation-937b02b9-56f0-4a4a-b1c3-3a709e690625", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-324ca782-2f8e-4d08-ad3d-21c4af33c689\">", + "target": Array [ + "#navigation-324ca782-2f8e-4d08-ad3d-21c4af33c689", + ], + }, + ], + }, + ], + "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-c97a4ade-ef32-40b1-99cc-bfb98d37315c\">", + "impact": "m

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-2615d5c0-f084-4c54-a083-9f5bd8d605bc\">", + "target": Array [ + "#navigation-2615d5c0-f084-4c54-a083-9f5bd8d605bc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-657c81f4-963a-4b65-b5c9-3cea5de0f8a9\">", + "target": Array [ + "#navigation-657c81f4-963a-4b65-b5c9-3cea5de0f8a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf1b3438-8a1b-44a7-a5a2-df2ecca472e0\">", + "target": Array [ + "#navigation-cf1b3438-8a1b-44a7-a5a2-df2ecca472e0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-79b49e45-cb97-4902-8bc8-67aa9e46b58b\">", + "target": Array [ + "#navigation-79b49e45-cb97-4902-8bc8-67aa9e46b58b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-fa0c0d14-919a-46b5-8060-27d2b6740cbe\">", + "target": Array [ + "#navigation-fa0c0d14-919a-46b5-8060-27d2b6740cbe", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c45c8d07-43b8-40d2-b43b-f7bf36ac1fae\">", + "target": Array [ + "#navigation-c45c8d07-43b8-40d2-b43b-f7bf36ac1fae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7556dbf9-d72b-4c31-9e9a-053494ce0f5e\">", + "target": Array [ + "#navigation-7556dbf9-d72b-4c31-9e9a-053494ce0f5e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ae5e2e66-a7b1-4085-88f3-9d7dfacc407e\">", + "target": Array [ + "#navigation-ae5e2e66-a7b1-4085-88f3-9d7dfacc407e", + ], + }, + ], + }, + ], + "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-dee11159-fb86-46f2-8738-f8445e536e00\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation

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-3939664a-f229-4a61-b074-b81d99a5d89d\">", + "target": Array [ + "#navigation-3939664a-f229-4a61-b074-b81d99a5d89d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5d2073e3-6fe0-440e-8a10-c0028493f6b7\">", + "target": Array [ + "#navigation-5d2073e3-6fe0-440e-8a10-c0028493f6b7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-12a8c58c-e48e-4a26-b567-072219e947a5\">", + "target": Array [ + "#navigation-12a8c58c-e48e-4a26-b567-072219e947a5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4b4e4fd9-ef80-44cb-9594-c01fb3dd1651\">", + "target": Array [ + "#navigation-4b4e4fd9-ef80-44cb-9594-c01fb3dd1651", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b65eff5c-f9b9-4aee-9647-ea76b3910faa\">", + "target": Array [ + "#navigation-b65eff5c-f9b9-4aee-9647-ea76b3910faa", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-75bb6bfc-5fd0-48b9-9d4b-7c58b72bcca4\">", + "target": Array [ + "#navigation-75bb6bfc-5fd0-48b9-9d4b-7c58b72bcca4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-33a6b391-3c62-4ae1-94c5-1f2842187c3d\">", + "target": Array [ + "#navigation-33a6b391-3c62-4ae1-94c5-1f2842187c3d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9f3ed73b-e648-4343-baa6-89611e4a72dd\">", + "target": Array [ + "#navigation-9f3ed73b-e648-4343-baa6-89611e4a72dd", + ], + }, + ], + }, + ], + "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-466ddd78-d4e3-4e0f-884b-a62391338aca\">", + "impact": "m

Process completed with exit code 1.