Process completed with exit code 1.

1) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 2297 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/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-firefox/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-firefox/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 - 2297 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 - 2297 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) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2297 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/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-firefox-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-firefox-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 - 2297 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 - 2297 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) [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-6cfe5668-8d7f-4081-9662-fb546f762e1e\">", + "target": Array [ + "#navigation-6cfe5668-8d7f-4081-9662-fb546f762e1e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-688ece25-c44d-4324-8d5a-dda21de794c1\">", + "target": Array [ + "#navigation-688ece25-c44d-4324-8d5a-dda21de794c1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b38966bb-ec6b-4a30-911e-d2e28157d0a1\">", + "target": Array [ + "#navigation-b38966bb-ec6b-4a30-911e-d2e28157d0a1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3df3d002-2113-4704-81c5-f264274a236f\">", + "target": Array [ + "#navigation-3df3d002-2113-4704-81c5-f264274a236f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4e42f3ff-d8b6-4c8b-b336-1157cff85eed\">", + "target": Array [ + "#navigation-4e42f3ff-d8b6-4c8b-b336-1157cff85eed", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9e536b14-7ea0-40f7-a759-1bd97b7c4ce9\">", + "target": Array [ + "#navigation-9e536b14-7ea0-40f7-a759-1bd97b7c4ce9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c95960f6-6944-48ec-ad82-36f0f2199e4c\">", + "target": Array [ + "#navigation-c95960f6-6944-48ec-ad82-36f0f2199e4c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-976430a2-e5f0-4f1e-91c9-d91f7d911867\">", + "target": Array [ + "#navigation-976430a2-e5f0-4f1e-91c9-d91f7d911867", + ], + }, + ], + }, + ], + "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-619a32ac-3a29-443b-8a35-d98d1a4aa7a5\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio

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-d2d325f4-9351-4598-910a-15708261c5f7\">", + "target": Array [ + "#navigation-d2d325f4-9351-4598-910a-15708261c5f7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bc2c46f3-7653-4127-8f5c-a49fe27013ff\">", + "target": Array [ + "#navigation-bc2c46f3-7653-4127-8f5c-a49fe27013ff", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f1906591-e7f7-4331-9e31-817f6948e3f8\">", + "target": Array [ + "#navigation-f1906591-e7f7-4331-9e31-817f6948e3f8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-383d50de-7388-432e-a3cb-6968fe81208e\">", + "target": Array [ + "#navigation-383d50de-7388-432e-a3cb-6968fe81208e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3d759665-dbb4-4746-8cca-eb9d107c8e3f\">", + "target": Array [ + "#navigation-3d759665-dbb4-4746-8cca-eb9d107c8e3f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f44edb4a-c3eb-4243-86a0-94a135ec1ab7\">", + "target": Array [ + "#navigation-f44edb4a-c3eb-4243-86a0-94a135ec1ab7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f6563f69-3cf6-4974-ab6e-388e758ab9c2\">", + "target": Array [ + "#navigation-f6563f69-3cf6-4974-ab6e-388e758ab9c2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9edcdc7c-00dd-42d5-9c1a-f1df70cca816\">", + "target": Array [ + "#navigation-9edcdc7c-00dd-42d5-9c1a-f1df70cca816", + ], + }, + ], + }, + ], + "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-1b8a2210-3775-42ac-a72e-30ec96f66dff\">", + "impact": "

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-99863290-1a4d-4f27-bd94-4307d6014bae\">", + "target": Array [ + "#navigation-99863290-1a4d-4f27-bd94-4307d6014bae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3475c42d-9704-4163-a54e-060f990fc276\">", + "target": Array [ + "#navigation-3475c42d-9704-4163-a54e-060f990fc276", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-63ff4e82-56a2-4d12-99b1-64d32364b885\">", + "target": Array [ + "#navigation-63ff4e82-56a2-4d12-99b1-64d32364b885", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d848e850-0dbb-4cd6-8be4-518870b7219f\">", + "target": Array [ + "#navigation-d848e850-0dbb-4cd6-8be4-518870b7219f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e8826e19-fc57-471d-ba4f-f1b55d07a44b\">", + "target": Array [ + "#navigation-e8826e19-fc57-471d-ba4f-f1b55d07a44b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ba227368-5cd1-4b1d-95ca-c854e022a235\">", + "target": Array [ + "#navigation-ba227368-5cd1-4b1d-95ca-c854e022a235", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b16eb719-0eab-4515-858a-1883a5081fce\">", + "target": Array [ + "#navigation-b16eb719-0eab-4515-858a-1883a5081fce", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7a8e2bbc-25b3-4dcb-b59b-1acb8519c4f8\">", + "target": Array [ + "#navigation-7a8e2bbc-25b3-4dcb-b59b-1acb8519c4f8", + ], + }, + ], + }, + ], + "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-797665db-0889-47e2-93bf-d92bee158ca1\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio

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-f4472be5-c8c0-477f-955b-2afdfe30883d\">", + "target": Array [ + "#navigation-f4472be5-c8c0-477f-955b-2afdfe30883d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-afbab786-a9a1-4288-a83c-0022ba18a708\">", + "target": Array [ + "#navigation-afbab786-a9a1-4288-a83c-0022ba18a708", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6f0531ac-873a-4d63-a1fb-8ae92ddccc90\">", + "target": Array [ + "#navigation-6f0531ac-873a-4d63-a1fb-8ae92ddccc90", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1f80e9cc-bb98-4196-bd4a-c4927825240e\">", + "target": Array [ + "#navigation-1f80e9cc-bb98-4196-bd4a-c4927825240e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6937628d-24e3-43a3-bd7d-387f289da90d\">", + "target": Array [ + "#navigation-6937628d-24e3-43a3-bd7d-387f289da90d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ae6c610d-a76e-40b9-8436-9b974aeb2642\">", + "target": Array [ + "#navigation-ae6c610d-a76e-40b9-8436-9b974aeb2642", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-334211e6-ce0e-450e-a01b-5b5d96534ef0\">", + "target": Array [ + "#navigation-334211e6-ce0e-450e-a01b-5b5d96534ef0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f8f85b34-68e4-4dcc-9f9f-92efd5f00573\">", + "target": Array [ + "#navigation-f8f85b34-68e4-4dcc-9f9f-92efd5f00573", + ], + }, + ], + }, + ], + "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-a8009353-d04b-4bf9-bdcf-22e3cbd52966\">", + "impact": "

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-88a4dcba-4ab8-4799-a1ba-91046cbcc150\">", + "target": Array [ + "#navigation-88a4dcba-4ab8-4799-a1ba-91046cbcc150", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-42d89501-894d-41de-8b00-0d71b20c6a7d\">", + "target": Array [ + "#navigation-42d89501-894d-41de-8b00-0d71b20c6a7d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e29c24b1-50f7-4b38-900c-e87969d15e32\">", + "target": Array [ + "#navigation-e29c24b1-50f7-4b38-900c-e87969d15e32", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e57f753d-30be-490f-aacf-ec1bf962efdf\">", + "target": Array [ + "#navigation-e57f753d-30be-490f-aacf-ec1bf962efdf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7fd43d8a-d9a1-40ca-b694-ca13d80d05f1\">", + "target": Array [ + "#navigation-7fd43d8a-d9a1-40ca-b694-ca13d80d05f1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3207fc5e-bb69-496d-93e6-a9362beb8a87\">", + "target": Array [ + "#navigation-3207fc5e-bb69-496d-93e6-a9362beb8a87", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f82a26ea-ed76-41b8-adab-7570d1c947c1\">", + "target": Array [ + "#navigation-f82a26ea-ed76-41b8-adab-7570d1c947c1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d7a43be8-989a-446a-acfc-c04fdf402fcf\">", + "target": Array [ + "#navigation-d7a43be8-989a-446a-acfc-c04fdf402fcf", + ], + }, + ], + }, + ], + "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-a3261ebc-7b13-4416-b821-2d96cde8014f\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigatio

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-256a1645-3f6e-4628-87a2-b4e15bfacc7b\">", + "target": Array [ + "#navigation-256a1645-3f6e-4628-87a2-b4e15bfacc7b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-621a83ac-a913-408b-ae38-acd599c0761f\">", + "target": Array [ + "#navigation-621a83ac-a913-408b-ae38-acd599c0761f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-84228f9e-666c-41a4-aaf2-1a5250c1d3f1\">", + "target": Array [ + "#navigation-84228f9e-666c-41a4-aaf2-1a5250c1d3f1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-340711b0-1360-48d6-a11e-e33adcdb9bf7\">", + "target": Array [ + "#navigation-340711b0-1360-48d6-a11e-e33adcdb9bf7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-742aeec3-9c74-4807-88a5-8b6a5d4eebcb\">", + "target": Array [ + "#navigation-742aeec3-9c74-4807-88a5-8b6a5d4eebcb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-98e452e1-e0fa-4216-b2b6-fbcaa751c3ea\">", + "target": Array [ + "#navigation-98e452e1-e0fa-4216-b2b6-fbcaa751c3ea", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7db31ccd-138b-43cc-86b7-9f4b58f55972\">", + "target": Array [ + "#navigation-7db31ccd-138b-43cc-86b7-9f4b58f55972", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-58fa9920-47c3-4049-a51e-ef596b5e0448\">", + "target": Array [ + "#navigation-58fa9920-47c3-4049-a51e-ef596b5e0448", + ], + }, + ], + }, + ], + "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-8508183b-5f59-4a11-9f05-9a50ff5eb614\">", + "impact": "