1) [chromium] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 2276 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/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-chromium/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-chromium/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 - 2276 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 - 2276 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) [chromium] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2276 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/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-chromium-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-chromium-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 - 2276 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 - 2276 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) [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-83c410a8-8ad8-4208-9a2b-2aae216fd805\">", + "target": Array [ + "#navigation-83c410a8-8ad8-4208-9a2b-2aae216fd805", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e6d7e041-9142-408a-9b9f-eb0b65edb8c7\">", + "target": Array [ + "#navigation-e6d7e041-9142-408a-9b9f-eb0b65edb8c7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-da0a3807-79e1-4385-a966-523938b77e6c\">", + "target": Array [ + "#navigation-da0a3807-79e1-4385-a966-523938b77e6c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f2db5ad4-1348-488e-8f2e-0bdd6a644f40\">", + "target": Array [ + "#navigation-f2db5ad4-1348-488e-8f2e-0bdd6a644f40", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-105d5099-9747-43dc-8cf5-49692e2cb1a7\">", + "target": Array [ + "#navigation-105d5099-9747-43dc-8cf5-49692e2cb1a7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-df4242da-b63d-4707-bb83-20157d34ab41\">", + "target": Array [ + "#navigation-df4242da-b63d-4707-bb83-20157d34ab41", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a1620f7d-fc01-4fcf-85f6-15f72dfa5e21\">", + "target": Array [ + "#navigation-a1620f7d-fc01-4fcf-85f6-15f72dfa5e21", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5cf04138-6939-4d27-8e45-037a28c8a08b\">", + "target": Array [ + "#navigation-5cf04138-6939-4d27-8e45-037a28c8a08b", + ], + }, + ], + }, + ], + "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-5b0ed893-994b-4f59-804e-0f152fa0d1e4\">", + "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-87b0b227-66ec-4a18-a729-bf7523a21b64\">", + "target": Array [ + "#navigation-87b0b227-66ec-4a18-a729-bf7523a21b64", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6e4eae64-7937-48e5-a430-fefe4c3ea61a\">", + "target": Array [ + "#navigation-6e4eae64-7937-48e5-a430-fefe4c3ea61a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bfec9b7d-a49d-4986-9d64-feff5f51d429\">", + "target": Array [ + "#navigation-bfec9b7d-a49d-4986-9d64-feff5f51d429", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-68f2f09e-370a-4693-b53f-57f659746bf4\">", + "target": Array [ + "#navigation-68f2f09e-370a-4693-b53f-57f659746bf4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d84e159c-a810-413b-a1e0-7bfdf5ad3b24\">", + "target": Array [ + "#navigation-d84e159c-a810-413b-a1e0-7bfdf5ad3b24", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-eddd26be-ca9d-4b18-a57e-8f584f85b27a\">", + "target": Array [ + "#navigation-eddd26be-ca9d-4b18-a57e-8f584f85b27a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9add5592-5158-41f4-a959-c2b0678c12c9\">", + "target": Array [ + "#navigation-9add5592-5158-41f4-a959-c2b0678c12c9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3f775898-dbd4-414b-837a-6ee3e551c041\">", + "target": Array [ + "#navigation-3f775898-dbd4-414b-837a-6ee3e551c041", + ], + }, + ], + }, + ], + "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-38fe12bc-a5ef-462f-a1ae-dd42cbb5be2e\">", + "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-72e9559a-f6d9-47c6-84bc-98c41344ed23\">", + "target": Array [ + "#navigation-72e9559a-f6d9-47c6-84bc-98c41344ed23", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1c14fb85-61e4-451e-86dc-8be72b5f20e9\">", + "target": Array [ + "#navigation-1c14fb85-61e4-451e-86dc-8be72b5f20e9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dc7bfdc3-cc9d-4c74-ad72-5106814fb546\">", + "target": Array [ + "#navigation-dc7bfdc3-cc9d-4c74-ad72-5106814fb546", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a6aaef14-7675-4dfe-b126-d735687d74ce\">", + "target": Array [ + "#navigation-a6aaef14-7675-4dfe-b126-d735687d74ce", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a08d90e1-a843-4789-8b25-97cdd35fb246\">", + "target": Array [ + "#navigation-a08d90e1-a843-4789-8b25-97cdd35fb246", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-edc09c99-0121-47f6-88a6-fb3ecb4d3f71\">", + "target": Array [ + "#navigation-edc09c99-0121-47f6-88a6-fb3ecb4d3f71", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-03194475-d315-4fd8-998f-4e5cd6a79557\">", + "target": Array [ + "#navigation-03194475-d315-4fd8-998f-4e5cd6a79557", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4cf98a94-ff8a-4ea7-b1e8-80ab1354fc2f\">", + "target": Array [ + "#navigation-4cf98a94-ff8a-4ea7-b1e8-80ab1354fc2f", + ], + }, + ], + }, + ], + "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-90c66ad2-e923-4aaa-8d75-1d6795158eb7\">", + "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-abb83154-4ccd-4be3-be14-532643eab7b6\">", + "target": Array [ + "#navigation-abb83154-4ccd-4be3-be14-532643eab7b6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9ad1f169-ad75-447b-9a9a-2946d2d98141\">", + "target": Array [ + "#navigation-9ad1f169-ad75-447b-9a9a-2946d2d98141", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-09ea7b50-4b4a-469a-8a7a-35f8faff0f95\">", + "target": Array [ + "#navigation-09ea7b50-4b4a-469a-8a7a-35f8faff0f95", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-35bf4858-a8e4-43fa-a674-ecc4579bbabf\">", + "target": Array [ + "#navigation-35bf4858-a8e4-43fa-a674-ecc4579bbabf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f227edb9-b480-469e-8fcf-cf8506574f31\">", + "target": Array [ + "#navigation-f227edb9-b480-469e-8fcf-cf8506574f31", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6bfdcf73-2a90-444d-8e63-388569d4c491\">", + "target": Array [ + "#navigation-6bfdcf73-2a90-444d-8e63-388569d4c491", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f67429ab-61aa-4ed6-b902-4811b1d0eabd\">", + "target": Array [ + "#navigation-f67429ab-61aa-4ed6-b902-4811b1d0eabd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf40ba8e-1066-4d86-bc16-d833aa0281da\">", + "target": Array [ + "#navigation-cf40ba8e-1066-4d86-bc16-d833aa0281da", + ], + }, + ], + }, + ], + "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-fc044de4-70f8-464a-9d35-37153a0a42f8\">", + "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-c064aab1-b73d-4297-adf7-cc1f3cf5ca2d\">", + "target": Array [ + "#navigation-c064aab1-b73d-4297-adf7-cc1f3cf5ca2d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e9d208de-7f8d-4e0b-b32d-b3276cbcb95b\">", + "target": Array [ + "#navigation-e9d208de-7f8d-4e0b-b32d-b3276cbcb95b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-55eab8c3-143d-42fa-adf6-eec0415181b9\">", + "target": Array [ + "#navigation-55eab8c3-143d-42fa-adf6-eec0415181b9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-781d2858-65da-4f27-a806-3a2efb34f3dd\">", + "target": Array [ + "#navigation-781d2858-65da-4f27-a806-3a2efb34f3dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-76f31d32-ff3d-49a8-95f1-f89b030df51d\">", + "target": Array [ + "#navigation-76f31d32-ff3d-49a8-95f1-f89b030df51d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2dbaa134-533f-4b05-b860-dc8ab889ef83\">", + "target": Array [ + "#navigation-2dbaa134-533f-4b05-b860-dc8ab889ef83", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a6998ba2-695e-4955-a8f3-985ad084c7ca\">", + "target": Array [ + "#navigation-a6998ba2-695e-4955-a8f3-985ad084c7ca", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f971cdbe-5234-4813-bb5f-b4eb383d829f\">", + "target": Array [ + "#navigation-f971cdbe-5234-4813-bb5f-b4eb383d829f", + ], + }, + ], + }, + ], + "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-97b00251-894c-4830-8e84-18d29f4fbfaf\">", + "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-b5abe131-def2-40bc-bfcc-199dcf371715\">", + "target": Array [ + "#navigation-b5abe131-def2-40bc-bfcc-199dcf371715", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f9e0f3cd-3be4-40a8-8b31-e7cf9411330d\">", + "target": Array [ + "#navigation-f9e0f3cd-3be4-40a8-8b31-e7cf9411330d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-95be3495-366a-48c1-87fb-c05524c3d88e\">", + "target": Array [ + "#navigation-95be3495-366a-48c1-87fb-c05524c3d88e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d0eee7f8-2442-49b1-8d17-505849260851\">", + "target": Array [ + "#navigation-d0eee7f8-2442-49b1-8d17-505849260851", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-015ed311-ef0d-401e-bd4c-7888d6e7edf8\">", + "target": Array [ + "#navigation-015ed311-ef0d-401e-bd4c-7888d6e7edf8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-194f71ac-d37a-44b4-a79e-fcafdcd73fe5\">", + "target": Array [ + "#navigation-194f71ac-d37a-44b4-a79e-fcafdcd73fe5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e7afcab3-3117-46c5-abc6-659c7959873e\">", + "target": Array [ + "#navigation-e7afcab3-3117-46c5-abc6-659c7959873e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f88d225f-e325-48d9-9cb6-a5421cce6b82\">", + "target": Array [ + "#navigation-f88d225f-e325-48d9-9cb6-a5421cce6b82", + ], + }, + ], + }, + ], + "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-8e55229c-e508-4e5f-ad7c-6175e114e05d\">", + "impact":

Process completed with exit code 1.