Process completed with exit code 1.

1) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 2803 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-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 - 2803 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 - 2803 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) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2803 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-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 - 2803 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 - 2803 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 ───────────────────────────── Error: Screenshot comparison failed: 10206 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-chromium/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 10206 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 - 10206 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: 10206 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-chromium-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 10206 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 - 10206 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

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 2913 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-safari/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-safari/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 - 2913 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 - 2913 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) [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2913 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-safari-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-mobile-safari-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 - 2913 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 - 2913 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 ───────────────────────────── 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-28bf0e4b-4b55-4b8f-86e1-e8c310a29024\">", + "target": Array [ + "#navigation-28bf0e4b-4b55-4b8f-86e1-e8c310a29024", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0e7ba8f1-656b-42f2-af8a-7f7fea42ece2\">", + "target": Array [ + "#navigation-0e7ba8f1-656b-42f2-af8a-7f7fea42ece2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5ef16e32-2c6e-4229-a28d-903dc3137e01\">", + "target": Array [ + "#navigation-5ef16e32-2c6e-4229-a28d-903dc3137e01", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1c30a982-e922-4432-952e-5f20b8425236\">", + "target": Array [ + "#navigation-1c30a982-e922-4432-952e-5f20b8425236", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-22b6e9f1-6f57-4069-9817-5be68597eeed\">", + "target": Array [ + "#navigation-22b6e9f1-6f57-4069-9817-5be68597eeed", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-061c86c9-6ab3-4f8f-8de5-fc32b151d8e4\">", + "target": Array [ + "#navigation-061c86c9-6ab3-4f8f-8de5-fc32b151d8e4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-074c3649-b4ea-4741-bb2f-b9d79f4c3a52\">", + "target": Array [ + "#navigation-074c3649-b4ea-4741-bb2f-b9d79f4c3a52", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5da78670-7c55-427b-b0bd-22967cb5b8a1\">", + "target": Array [ + "#navigation-5da78670-7c55-427b-b0bd-22967cb5b8a1", + ], + }, + ], + }, + ], + "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-253b8ae5-cb94-43a0-982c-f59e7443fe05\">", + "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-70196ec7-d069-4a68-b073-482c71201367\">", + "target": Array [ + "#navigation-70196ec7-d069-4a68-b073-482c71201367", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f7671b65-a0da-463a-b630-d0126c1230dd\">", + "target": Array [ + "#navigation-f7671b65-a0da-463a-b630-d0126c1230dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3e4f484f-5ed4-4bb8-be9e-ba2e69b06dad\">", + "target": Array [ + "#navigation-3e4f484f-5ed4-4bb8-be9e-ba2e69b06dad", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b0814f7d-f00a-4bdb-94e5-815648fb99ff\">", + "target": Array [ + "#navigation-b0814f7d-f00a-4bdb-94e5-815648fb99ff", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-032322cd-1e49-43f9-a8a0-40572e972374\">", + "target": Array [ + "#navigation-032322cd-1e49-43f9-a8a0-40572e972374", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-45999a2a-fd32-4170-9297-82fad2747c7f\">", + "target": Array [ + "#navigation-45999a2a-fd32-4170-9297-82fad2747c7f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-743b897f-6ff3-4602-baed-a88a2f1fcfd4\">", + "target": Array [ + "#navigation-743b897f-6ff3-4602-baed-a88a2f1fcfd4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3054f3d4-bc04-466f-b338-ec82f551052a\">", + "target": Array [ + "#navigation-3054f3d4-bc04-466f-b338-ec82f551052a", + ], + }, + ], + }, + ], + "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-d91c4efd-c1ea-4496-9b37-7742a9298670\">", + "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-3aebc61c-f0e0-480a-9003-982e58336535\">", + "target": Array [ + "#navigation-3aebc61c-f0e0-480a-9003-982e58336535", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-262df73a-b0c6-41d2-8e5a-e4bb556ceb21\">", + "target": Array [ + "#navigation-262df73a-b0c6-41d2-8e5a-e4bb556ceb21", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c38359b8-43aa-4996-aa63-49aa6a37e8f1\">", + "target": Array [ + "#navigation-c38359b8-43aa-4996-aa63-49aa6a37e8f1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1caa0069-4521-4b13-8e13-bd0eecafe94c\">", + "target": Array [ + "#navigation-1caa0069-4521-4b13-8e13-bd0eecafe94c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f4dce914-9cc6-4e55-9b4e-4471bcf7f2c3\">", + "target": Array [ + "#navigation-f4dce914-9cc6-4e55-9b4e-4471bcf7f2c3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d3b9afa9-7066-4eb7-b0f8-148965a1c27d\">", + "target": Array [ + "#navigation-d3b9afa9-7066-4eb7-b0f8-148965a1c27d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-60f2b8e0-47d3-414a-9e25-4b2b0db39627\">", + "target": Array [ + "#navigation-60f2b8e0-47d3-414a-9e25-4b2b0db39627", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7dbaecdc-9ce0-4d4a-99cb-e810f4f19ac3\">", + "target": Array [ + "#navigation-7dbaecdc-9ce0-4d4a-99cb-e810f4f19ac3", + ], + }, + ], + }, + ], + "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-c9edf59c-1287-4beb-932c-44558e3a2e91\">", + "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-92359298-cdc9-41d2-afd3-ee35d9fd0096\">", + "target": Array [ + "#navigation-92359298-cdc9-41d2-afd3-ee35d9fd0096", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-21215d97-280c-413c-8619-e1f6def0fce8\">", + "target": Array [ + "#navigation-21215d97-280c-413c-8619-e1f6def0fce8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-23223fcc-8201-461a-8c8d-005e4b02fab4\">", + "target": Array [ + "#navigation-23223fcc-8201-461a-8c8d-005e4b02fab4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4f9526ec-63e4-44f1-a313-7c5443f856bb\">", + "target": Array [ + "#navigation-4f9526ec-63e4-44f1-a313-7c5443f856bb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-35394364-361b-47b5-9716-c3a7261c19e1\">", + "target": Array [ + "#navigation-35394364-361b-47b5-9716-c3a7261c19e1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b27b3246-a1d4-43f0-a7a2-92e3451518ec\">", + "target": Array [ + "#navigation-b27b3246-a1d4-43f0-a7a2-92e3451518ec", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-aa3a6c5c-13d3-4f7d-bb60-c5904f0c45da\">", + "target": Array [ + "#navigation-aa3a6c5c-13d3-4f7d-bb60-c5904f0c45da", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7f36efbd-aeb8-4034-9101-6c1536cc90f3\">", + "target": Array [ + "#navigation-7f36efbd-aeb8-4034-9101-6c1536cc90f3", + ], + }, + ], + }, + ], + "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-989fcf4c-84e9-449b-a56d-6352cc976102\">", + "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-956c9815-7ff6-49d6-aede-b7f56eec2bc9\">", + "target": Array [ + "#navigation-956c9815-7ff6-49d6-aede-b7f56eec2bc9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e6cef91c-103a-4e2a-b0fc-a6a59e904996\">", + "target": Array [ + "#navigation-e6cef91c-103a-4e2a-b0fc-a6a59e904996", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1ae10532-8bf5-49d2-838a-03d85d83d67d\">", + "target": Array [ + "#navigation-1ae10532-8bf5-49d2-838a-03d85d83d67d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5ad8f23a-ab55-4fc0-a3cf-3e8889a312be\">", + "target": Array [ + "#navigation-5ad8f23a-ab55-4fc0-a3cf-3e8889a312be", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bdf98d41-5e02-4683-8034-2a1240aec276\">", + "target": Array [ + "#navigation-bdf98d41-5e02-4683-8034-2a1240aec276", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-edb46197-0cdc-4047-8672-349aca0045a9\">", + "target": Array [ + "#navigation-edb46197-0cdc-4047-8672-349aca0045a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-262f36d2-68ce-4d18-8a7e-e10768a4eaca\">", + "target": Array [ + "#navigation-262f36d2-68ce-4d18-8a7e-e10768a4eaca", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-34db739e-3421-473a-aa16-681324cc5a9e\">", + "target": Array [ + "#navigation-34db739e-3421-473a-aa16-681324cc5a9e", + ], + }, + ], + }, + ], + "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-6424fb8a-1b38-4517-809c-9510e876af39\">", + "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-aea7ad49-7953-41a2-bea8-d4c131cd7ed6\">", + "target": Array [ + "#navigation-aea7ad49-7953-41a2-bea8-d4c131cd7ed6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-faf7cb6d-25d2-4f97-b693-cbb248ebcb4a\">", + "target": Array [ + "#navigation-faf7cb6d-25d2-4f97-b693-cbb248ebcb4a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0d8b3d16-b357-4796-94bd-4e9ba3f17ea4\">", + "target": Array [ + "#navigation-0d8b3d16-b357-4796-94bd-4e9ba3f17ea4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c69ab1c2-284c-49c6-88df-cb062b53799f\">", + "target": Array [ + "#navigation-c69ab1c2-284c-49c6-88df-cb062b53799f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b3594885-7cec-4f82-be3f-be243f2859f2\">", + "target": Array [ + "#navigation-b3594885-7cec-4f82-be3f-be243f2859f2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2865976e-59b9-44b5-a115-0727a8e58d43\">", + "target": Array [ + "#navigation-2865976e-59b9-44b5-a115-0727a8e58d43", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-21401224-a5e4-4798-aa05-f5bbe72ed3f4\">", + "target": Array [ + "#navigation-21401224-a5e4-4798-aa05-f5bbe72ed3f4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-882a9063-34be-43ca-9f95-d69ae5e8ef8c\">", + "target": Array [ + "#navigation-882a9063-34be-43ca-9f95-d69ae5e8ef8c", + ], + }, + ], + }, + ], + "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-e2542f10-054b-4c26-8bdd-dbbc5c03a28c\">", + "impact":

Process completed with exit code 1.

1) [firefox] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 9402 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-firefox/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 9402 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 - 9402 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: 9402 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-firefox-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 9402 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 - 9402 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

Process completed with exit code 1.

1) [webkit] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 10422 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 10422 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 - 10422 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: 10422 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/vue-showcase/test-results/header-showcase-header-DBHeader-should-match-screenshot-webkit-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 10422 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 - 10422 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

Process completed with exit code 1.

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-52e19096-e8f6-4fcf-81fa-1020191b7d18\">", + "target": Array [ + "#navigation-52e19096-e8f6-4fcf-81fa-1020191b7d18", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-18676c2d-e7c9-4ae7-99ec-45ecaec605d8\">", + "target": Array [ + "#navigation-18676c2d-e7c9-4ae7-99ec-45ecaec605d8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d9c93e4e-28ed-4fa3-821c-e0a36e9212b6\">", + "target": Array [ + "#navigation-d9c93e4e-28ed-4fa3-821c-e0a36e9212b6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ace9bfcb-ba39-4cbe-8616-74072265bd47\">", + "target": Array [ + "#navigation-ace9bfcb-ba39-4cbe-8616-74072265bd47", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4f681b8d-841d-45d8-aa65-38eb17495bde\">", + "target": Array [ + "#navigation-4f681b8d-841d-45d8-aa65-38eb17495bde", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ef0405e8-7eec-49fa-8781-faf2d16e905f\">", + "target": Array [ + "#navigation-ef0405e8-7eec-49fa-8781-faf2d16e905f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b151e70e-86c9-4176-9f30-e6439247cf76\">", + "target": Array [ + "#navigation-b151e70e-86c9-4176-9f30-e6439247cf76", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d28219d1-d92a-446b-b279-b99e00a16434\">", + "target": Array [ + "#navigation-d28219d1-d92a-446b-b279-b99e00a16434", + ], + }, + ], + }, + ], + "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-31359b08-fe2c-4c66-834a-1937fc918fa2\">", + "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-2d52fbe1-6752-4ac6-a040-259d499afeff\">", + "target": Array [ + "#navigation-2d52fbe1-6752-4ac6-a040-259d499afeff", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-001374ce-0b00-42f6-aa98-2d98a23dd314\">", + "target": Array [ + "#navigation-001374ce-0b00-42f6-aa98-2d98a23dd314", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-de201c1c-bd33-4bb3-b274-f7b15c3cf846\">", + "target": Array [ + "#navigation-de201c1c-bd33-4bb3-b274-f7b15c3cf846", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-647aa174-73b1-4885-ab15-fd76b2e8a298\">", + "target": Array [ + "#navigation-647aa174-73b1-4885-ab15-fd76b2e8a298", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ca7037cc-a0a5-4ebc-aceb-c82903e06123\">", + "target": Array [ + "#navigation-ca7037cc-a0a5-4ebc-aceb-c82903e06123", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-02c89d36-772c-4f0a-8d1d-4d1becdd3ebe\">", + "target": Array [ + "#navigation-02c89d36-772c-4f0a-8d1d-4d1becdd3ebe", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6f28528c-c2ba-4dac-8fce-7d0a263ea3a4\">", + "target": Array [ + "#navigation-6f28528c-c2ba-4dac-8fce-7d0a263ea3a4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-447ef8f7-f7d4-46f9-aa9a-f3063fa24ccb\">", + "target": Array [ + "#navigation-447ef8f7-f7d4-46f9-aa9a-f3063fa24ccb", + ], + }, + ], + }, + ], + "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-a257fcbe-1c2c-46e0-a36c-74e0237c3eec\">", + "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-f399a853-5137-4ba8-b167-2fd7d84436e8\">", + "target": Array [ + "#navigation-f399a853-5137-4ba8-b167-2fd7d84436e8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-350a1992-55f3-4b33-9f45-6dfd05ba54f6\">", + "target": Array [ + "#navigation-350a1992-55f3-4b33-9f45-6dfd05ba54f6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-af6d10af-b869-4792-a0df-72d11df4490f\">", + "target": Array [ + "#navigation-af6d10af-b869-4792-a0df-72d11df4490f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf03c639-1437-48b4-be5e-67ebb56684d6\">", + "target": Array [ + "#navigation-cf03c639-1437-48b4-be5e-67ebb56684d6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6dfa71f5-e6b3-4992-b53c-735e739ee783\">", + "target": Array [ + "#navigation-6dfa71f5-e6b3-4992-b53c-735e739ee783", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-878f3382-8027-4324-8af8-3f06f410c067\">", + "target": Array [ + "#navigation-878f3382-8027-4324-8af8-3f06f410c067", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-44cdccda-1e34-4ff6-8b29-c43fdec5f7e8\">", + "target": Array [ + "#navigation-44cdccda-1e34-4ff6-8b29-c43fdec5f7e8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3ee88c74-d7b8-49b0-aa3e-98452ff5f3f1\">", + "target": Array [ + "#navigation-3ee88c74-d7b8-49b0-aa3e-98452ff5f3f1", + ], + }, + ], + }, + ], + "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-0e6671cc-5db1-483c-8db7-3c8cc91c5125\">", + "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-bc6ac224-e957-4873-b406-4f1e6517475c\">", + "target": Array [ + "#navigation-bc6ac224-e957-4873-b406-4f1e6517475c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d11f2daa-f86a-4615-97e0-ef02728ddbae\">", + "target": Array [ + "#navigation-d11f2daa-f86a-4615-97e0-ef02728ddbae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8e0b70ba-f2bf-4ece-9290-971645942370\">", + "target": Array [ + "#navigation-8e0b70ba-f2bf-4ece-9290-971645942370", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0678e42b-d6ed-46ef-8415-b79da2c88cf0\">", + "target": Array [ + "#navigation-0678e42b-d6ed-46ef-8415-b79da2c88cf0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8b10c6c1-5d03-4731-9131-b642f78d0658\">", + "target": Array [ + "#navigation-8b10c6c1-5d03-4731-9131-b642f78d0658", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b62305d8-ae97-4929-ba7c-75e638856b2c\">", + "target": Array [ + "#navigation-b62305d8-ae97-4929-ba7c-75e638856b2c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-99789c2d-c52e-49a4-a982-62ca296a49ec\">", + "target": Array [ + "#navigation-99789c2d-c52e-49a4-a982-62ca296a49ec", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-94b16a24-40b8-4ed6-96fd-5d89e14b6103\">", + "target": Array [ + "#navigation-94b16a24-40b8-4ed6-96fd-5d89e14b6103", + ], + }, + ], + }, + ], + "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-5e1d90f6-e027-4c87-896d-8003300de2aa\">", + "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-679055cb-119d-4c1b-8310-94dfddbceea3\">", + "target": Array [ + "#navigation-679055cb-119d-4c1b-8310-94dfddbceea3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2a58aa14-72d3-42e5-94f6-8c2a56eb0eeb\">", + "target": Array [ + "#navigation-2a58aa14-72d3-42e5-94f6-8c2a56eb0eeb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-10ccb5b4-17fc-4b96-b561-f03e7de66d72\">", + "target": Array [ + "#navigation-10ccb5b4-17fc-4b96-b561-f03e7de66d72", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4dcf73d2-14b8-4d34-939c-8620e1af4d52\">", + "target": Array [ + "#navigation-4dcf73d2-14b8-4d34-939c-8620e1af4d52", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-832d9e4e-ff0e-44de-908e-dc20eec88dd6\">", + "target": Array [ + "#navigation-832d9e4e-ff0e-44de-908e-dc20eec88dd6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-36ab99e7-2a53-47aa-b929-dfa13ff93115\">", + "target": Array [ + "#navigation-36ab99e7-2a53-47aa-b929-dfa13ff93115", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a570360b-43d1-4096-98b4-195bbcb7b5a9\">", + "target": Array [ + "#navigation-a570360b-43d1-4096-98b4-195bbcb7b5a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4841ccfd-de7e-4370-8672-a8fb0e7aa017\">", + "target": Array [ + "#navigation-4841ccfd-de7e-4370-8672-a8fb0e7aa017", + ], + }, + ], + }, + ], + "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-3268bea0-9c9e-4a0a-b3f7-2dcb361aff52\">", + "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-94f3e6db-4e66-42ab-9262-c5f29c6758cc\">", + "target": Array [ + "#navigation-94f3e6db-4e66-42ab-9262-c5f29c6758cc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b7949b61-f3bd-4a44-bdd7-09e5a94e3bf2\">", + "target": Array [ + "#navigation-b7949b61-f3bd-4a44-bdd7-09e5a94e3bf2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-25a46086-2f92-43de-8021-ad12594dc125\">", + "target": Array [ + "#navigation-25a46086-2f92-43de-8021-ad12594dc125", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-26191d67-c460-4231-9cac-a3a7a12c4ef5\">", + "target": Array [ + "#navigation-26191d67-c460-4231-9cac-a3a7a12c4ef5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0c7c63e4-d02e-4f0e-bfc1-75656b270a77\">", + "target": Array [ + "#navigation-0c7c63e4-d02e-4f0e-bfc1-75656b270a77", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-686b6a51-f35a-47cf-8951-6f398ce9d0aa\">", + "target": Array [ + "#navigation-686b6a51-f35a-47cf-8951-6f398ce9d0aa", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-41d86009-bc23-47ce-8ae5-7be6afbe8d30\">", + "target": Array [ + "#navigation-41d86009-bc23-47ce-8ae5-7be6afbe8d30", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d261b78a-c9d7-4bc6-8342-577cca5f5ce0\">", + "target": Array [ + "#navigation-d261b78a-c9d7-4bc6-8342-577cca5f5ce0", + ], + }, + ], + }, + ], + "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-a160b92a-f81b-4301-b5d7-19af100fefd4\">", + "impact": "

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-7b7daa6f-cffd-4fa6-b019-b05aeaabb1a5\">", + "target": Array [ + "#navigation-7b7daa6f-cffd-4fa6-b019-b05aeaabb1a5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4c61ae2b-2392-4267-8817-6919984c7eda\">", + "target": Array [ + "#navigation-4c61ae2b-2392-4267-8817-6919984c7eda", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-15f6a27e-cf5a-425c-87be-30ee2ecf8bb7\">", + "target": Array [ + "#navigation-15f6a27e-cf5a-425c-87be-30ee2ecf8bb7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dd37cfb2-26b0-4c31-a374-96c514d11b91\">", + "target": Array [ + "#navigation-dd37cfb2-26b0-4c31-a374-96c514d11b91", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8a5cb9b8-21f2-4530-901a-17145279eb24\">", + "target": Array [ + "#navigation-8a5cb9b8-21f2-4530-901a-17145279eb24", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5b797732-9712-4dde-8e4b-623cb26ac399\">", + "target": Array [ + "#navigation-5b797732-9712-4dde-8e4b-623cb26ac399", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-43d02280-2950-4bcf-9656-19e791f372a9\">", + "target": Array [ + "#navigation-43d02280-2950-4bcf-9656-19e791f372a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f4153db7-e968-4925-8d43-ec9b68d50361\">", + "target": Array [ + "#navigation-f4153db7-e968-4925-8d43-ec9b68d50361", + ], + }, + ], + }, + ], + "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-cbbf48f8-c2cf-4ec9-b064-39e0a4a7ecee\">", + "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-0592c37f-2085-4e7a-9aee-90c40f496cc0\">", + "target": Array [ + "#navigation-0592c37f-2085-4e7a-9aee-90c40f496cc0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bae3c53c-cf4f-4706-9fa3-b7f48e8c300a\">", + "target": Array [ + "#navigation-bae3c53c-cf4f-4706-9fa3-b7f48e8c300a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e236f9a1-aad8-427b-a847-a5a874cdf173\">", + "target": Array [ + "#navigation-e236f9a1-aad8-427b-a847-a5a874cdf173", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-38f74772-4141-472c-84e4-1fd3a35bf396\">", + "target": Array [ + "#navigation-38f74772-4141-472c-84e4-1fd3a35bf396", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-33d2903f-f712-4348-94a9-19d645a89751\">", + "target": Array [ + "#navigation-33d2903f-f712-4348-94a9-19d645a89751", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-23ca1e43-0056-4e47-ab58-1e88c0d6344b\">", + "target": Array [ + "#navigation-23ca1e43-0056-4e47-ab58-1e88c0d6344b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ca6b7e6e-6850-47f5-827e-cc1298f85144\">", + "target": Array [ + "#navigation-ca6b7e6e-6850-47f5-827e-cc1298f85144", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-42656ccd-385d-4b5a-bcda-f836bfe3aefd\">", + "target": Array [ + "#navigation-42656ccd-385d-4b5a-bcda-f836bfe3aefd", + ], + }, + ], + }, + ], + "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-280910b8-7e33-4b4c-9b76-77e451c3e387\">", + "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-9dec5bf3-fe17-41ea-88cd-73864b71aa4c\">", + "target": Array [ + "#navigation-9dec5bf3-fe17-41ea-88cd-73864b71aa4c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9d03d8b9-5ca9-4149-af72-a00a09b485eb\">", + "target": Array [ + "#navigation-9d03d8b9-5ca9-4149-af72-a00a09b485eb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ebe69335-12b6-40b2-be0b-d9db55c4b5d8\">", + "target": Array [ + "#navigation-ebe69335-12b6-40b2-be0b-d9db55c4b5d8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-19670bfc-5c7d-480d-9a52-43709baa87f7\">", + "target": Array [ + "#navigation-19670bfc-5c7d-480d-9a52-43709baa87f7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8ee0a8db-ff87-4a07-b5ce-00256406df8a\">", + "target": Array [ + "#navigation-8ee0a8db-ff87-4a07-b5ce-00256406df8a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0b46cc78-caa3-4fc3-97a7-cda588a18e1a\">", + "target": Array [ + "#navigation-0b46cc78-caa3-4fc3-97a7-cda588a18e1a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f97b39de-ad3e-4ba0-941e-02ee5185cb60\">", + "target": Array [ + "#navigation-f97b39de-ad3e-4ba0-941e-02ee5185cb60", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5135f3f2-c7ed-460d-9874-c7621f6a4c1b\">", + "target": Array [ + "#navigation-5135f3f2-c7ed-460d-9874-c7621f6a4c1b", + ], + }, + ], + }, + ], + "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-14e476a5-0c30-4989-b625-bf8691ab17b7\">", + "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-5ebbfc6f-1c72-41c8-9c67-c38686abde4d\">", + "target": Array [ + "#navigation-5ebbfc6f-1c72-41c8-9c67-c38686abde4d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-946e0a64-d3c9-4cbd-9748-64e33671e3ae\">", + "target": Array [ + "#navigation-946e0a64-d3c9-4cbd-9748-64e33671e3ae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-abd795b9-ae92-44cd-a6a6-88b2a2b4c682\">", + "target": Array [ + "#navigation-abd795b9-ae92-44cd-a6a6-88b2a2b4c682", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9aa0776c-8d20-422a-b324-41d8420b7671\">", + "target": Array [ + "#navigation-9aa0776c-8d20-422a-b324-41d8420b7671", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e3ac6dd7-95a7-4b22-bdf5-1dddeb1f6e6b\">", + "target": Array [ + "#navigation-e3ac6dd7-95a7-4b22-bdf5-1dddeb1f6e6b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5bf3d637-3729-49ef-8f7a-dc06470df550\">", + "target": Array [ + "#navigation-5bf3d637-3729-49ef-8f7a-dc06470df550", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-86126caa-d727-4b05-95c4-ac0efb73ec2e\">", + "target": Array [ + "#navigation-86126caa-d727-4b05-95c4-ac0efb73ec2e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dd9483df-04cb-4a18-9888-ccb5fe8e49a9\">", + "target": Array [ + "#navigation-dd9483df-04cb-4a18-9888-ccb5fe8e49a9", + ], + }, + ], + }, + ], + "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-9ce028fe-cc6d-4a15-88ae-b60416ac56dd\">", + "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-9588f4c0-60be-4f18-90ad-45eb67cc05ba\">", + "target": Array [ + "#navigation-9588f4c0-60be-4f18-90ad-45eb67cc05ba", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4e374d26-e2fc-4c86-b8cf-1312de984fcc\">", + "target": Array [ + "#navigation-4e374d26-e2fc-4c86-b8cf-1312de984fcc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2faecd93-d2ab-47c4-b45c-1c07650fd709\">", + "target": Array [ + "#navigation-2faecd93-d2ab-47c4-b45c-1c07650fd709", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-11c54fd1-87ae-497d-9cb3-f720b0d621e3\">", + "target": Array [ + "#navigation-11c54fd1-87ae-497d-9cb3-f720b0d621e3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4e7c82a1-afae-4cb1-afee-91ed5b8f65bf\">", + "target": Array [ + "#navigation-4e7c82a1-afae-4cb1-afee-91ed5b8f65bf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b189dd4f-5811-4679-a46b-6fc0e627d3b8\">", + "target": Array [ + "#navigation-b189dd4f-5811-4679-a46b-6fc0e627d3b8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ceec69c0-845e-4da4-a98b-746cbda556e6\">", + "target": Array [ + "#navigation-ceec69c0-845e-4da4-a98b-746cbda556e6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-de449653-ac21-442f-9f69-20f3bb9fc774\">", + "target": Array [ + "#navigation-de449653-ac21-442f-9f69-20f3bb9fc774", + ], + }, + ], + }, + ], + "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-7ea09c34-9aef-4d0b-941c-8278dd0ef83e\">", + "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-c961fabb-856c-4e14-af14-7d089ac52e41\">", + "target": Array [ + "#navigation-c961fabb-856c-4e14-af14-7d089ac52e41", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a17a153c-718c-4e26-8de2-fb3e17ed75dd\">", + "target": Array [ + "#navigation-a17a153c-718c-4e26-8de2-fb3e17ed75dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bc625393-fb8a-4739-898e-e8ec788b5ca6\">", + "target": Array [ + "#navigation-bc625393-fb8a-4739-898e-e8ec788b5ca6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-710c1496-c54f-463b-aae4-425cc1ee3e42\">", + "target": Array [ + "#navigation-710c1496-c54f-463b-aae4-425cc1ee3e42", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-677c9799-f015-4849-be02-2e0817d1decf\">", + "target": Array [ + "#navigation-677c9799-f015-4849-be02-2e0817d1decf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5a3d1e5c-6854-4798-a7e3-5bd4e3e7cd57\">", + "target": Array [ + "#navigation-5a3d1e5c-6854-4798-a7e3-5bd4e3e7cd57", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8ac173fa-c934-4f56-8bcc-eafba216294b\">", + "target": Array [ + "#navigation-8ac173fa-c934-4f56-8bcc-eafba216294b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-be3cc765-4227-49b2-8660-da92107d2c02\">", + "target": Array [ + "#navigation-be3cc765-4227-49b2-8660-da92107d2c02", + ], + }, + ], + }, + ], + "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-747b4ea1-8456-44b1-9809-4a73056b52a3\">", + "impact": "m

Process completed with exit code 1.

Process completed with exit code 1.

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/.

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/.

1 failed [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (1.8m)

1 failed [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── 109 passed (2.0m)

1 failed [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (2.2m)

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.2m)

1 failed [firefox] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── 109 passed (2.5m)

1 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── 109 passed (2.8m)

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)