Skip to content

test: add a11y tests to showcases #11553

test: add a11y tests to showcases

test: add a11y tests to showcases #11553

Triggered via pull request May 13, 2024 06:37
Status Cancelled
Total duration 22m 36s
Artifacts 14

default.yml

on: pull_request
build-packages  /  Build Packages
1m 11s
build-packages / Build Packages
get-playwright-version  /  Get and save publish version
32s
get-playwright-version / Get and save publish version
build-showcases  /  Build Showcases
1m 36s
build-showcases / Build Showcases
build-outputs  /  Build outputs
55s
build-outputs / Build outputs
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 10s
test-foundations / 🧪🎭 - foundations
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots
14m 19s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

43 errors, 2 warnings, and 8 notices
test-showcases / 🧪🎭 - vue:4/5
Process completed with exit code 1.
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
test-showcases / 🧪🎭 - vue:1/5
Process completed with exit code 1.
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[chromium] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
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-479ec468-4744-411a-9707-3119e39a0d7a\">", + "target": Array [ + "#navigation-479ec468-4744-411a-9707-3119e39a0d7a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-953fc64c-90a5-4392-ab5c-2b386767dd49\">", + "target": Array [ + "#navigation-953fc64c-90a5-4392-ab5c-2b386767dd49", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-12741375-cf1c-42db-a227-0c4efe050a8e\">", + "target": Array [ + "#navigation-12741375-cf1c-42db-a227-0c4efe050a8e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8ab16071-1a79-435b-abe7-a18f8e2ca4ab\">", + "target": Array [ + "#navigation-8ab16071-1a79-435b-abe7-a18f8e2ca4ab", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5f6c70b0-ece9-4903-8ced-75487f40716b\">", + "target": Array [ + "#navigation-5f6c70b0-ece9-4903-8ced-75487f40716b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-90dc5108-c6a4-47fd-a2ab-594e7a571fa8\">", + "target": Array [ + "#navigation-90dc5108-c6a4-47fd-a2ab-594e7a571fa8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e80bf170-9f56-4287-9a1f-c252fe57185d\">", + "target": Array [ + "#navigation-e80bf170-9f56-4287-9a1f-c252fe57185d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-559b8635-f28b-4653-b3b8-8e50f5069f24\">", + "target": Array [ + "#navigation-559b8635-f28b-4653-b3b8-8e50f5069f24", + ], + }, + ], + }, + ], + "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-a8aa6fa5-312d-4b87-8001-9ddeac1dc4fc\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
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-b2dac71d-5a37-483f-87b0-67bf030761ce\">", + "target": Array [ + "#navigation-b2dac71d-5a37-483f-87b0-67bf030761ce", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ccb72391-6d77-49bc-80f4-442faf067e89\">", + "target": Array [ + "#navigation-ccb72391-6d77-49bc-80f4-442faf067e89", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9fce8c7c-6b54-485e-8fe9-f23a3b486d2b\">", + "target": Array [ + "#navigation-9fce8c7c-6b54-485e-8fe9-f23a3b486d2b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8a52ab7b-7a14-4a74-994c-068d0569c27f\">", + "target": Array [ + "#navigation-8a52ab7b-7a14-4a74-994c-068d0569c27f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f714db22-54ff-4983-b831-3abfaf2dd9d6\">", + "target": Array [ + "#navigation-f714db22-54ff-4983-b831-3abfaf2dd9d6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-91f46887-686e-4c8f-92f7-0e950ec24484\">", + "target": Array [ + "#navigation-91f46887-686e-4c8f-92f7-0e950ec24484", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cdc3c647-b0c1-42fa-8471-5d4d5d017028\">", + "target": Array [ + "#navigation-cdc3c647-b0c1-42fa-8471-5d4d5d017028", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-84e9dc0f-3e57-451a-9987-b7aaad2fde76\">", + "target": Array [ + "#navigation-84e9dc0f-3e57-451a-9987-b7aaad2fde76", + ], + }, + ], + }, + ], + "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-ef15d3c0-f855-4ad6-98a0-84b151649fd9\">", + "impact":
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
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-6043e30e-8a1d-4bec-a0db-69ed8a90cf08\">", + "target": Array [ + "#navigation-6043e30e-8a1d-4bec-a0db-69ed8a90cf08", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-310b7a32-8ad0-47c0-ba35-6a9ae037a473\">", + "target": Array [ + "#navigation-310b7a32-8ad0-47c0-ba35-6a9ae037a473", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-49232cfd-e49b-42c4-a611-59e41234012f\">", + "target": Array [ + "#navigation-49232cfd-e49b-42c4-a611-59e41234012f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ad752ddd-1f48-4aae-8ab8-be6211061da3\">", + "target": Array [ + "#navigation-ad752ddd-1f48-4aae-8ab8-be6211061da3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5d887925-e90d-4403-b461-1a43db86572e\">", + "target": Array [ + "#navigation-5d887925-e90d-4403-b461-1a43db86572e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c53bc2ba-67d2-4ce8-afce-ce264d654602\">", + "target": Array [ + "#navigation-c53bc2ba-67d2-4ce8-afce-ce264d654602", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-77cd5638-6189-43be-958c-236c8820a972\">", + "target": Array [ + "#navigation-77cd5638-6189-43be-958c-236c8820a972", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cb27cee6-5bb7-4779-be5e-089e7f4b0ead\">", + "target": Array [ + "#navigation-cb27cee6-5bb7-4779-be5e-089e7f4b0ead", + ], + }, + ], + }, + ], + "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-fed5bbb7-0ca7-4e60-9dc8-ffe082ef5352\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
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-2cc4458b-c052-4ab3-9b7b-68e638283f7f\">", + "target": Array [ + "#navigation-2cc4458b-c052-4ab3-9b7b-68e638283f7f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-aa3d207b-53a8-440e-8c69-1036bad02a3b\">", + "target": Array [ + "#navigation-aa3d207b-53a8-440e-8c69-1036bad02a3b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6d034cc9-ed4c-44d2-b2fd-8741b8c33416\">", + "target": Array [ + "#navigation-6d034cc9-ed4c-44d2-b2fd-8741b8c33416", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6b6c2917-b9a1-42f3-9d4d-89c9c1a609f5\">", + "target": Array [ + "#navigation-6b6c2917-b9a1-42f3-9d4d-89c9c1a609f5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-13a785b4-4f11-4f66-b989-122a6ea0ecc0\">", + "target": Array [ + "#navigation-13a785b4-4f11-4f66-b989-122a6ea0ecc0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-216f3621-1c70-4698-9f02-f49a8c2d1254\">", + "target": Array [ + "#navigation-216f3621-1c70-4698-9f02-f49a8c2d1254", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8d7287c2-449e-4cfe-9ab4-428bee5d0cba\">", + "target": Array [ + "#navigation-8d7287c2-449e-4cfe-9ab4-428bee5d0cba", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3d23af59-8c76-4a8c-9523-a9a070968dd7\">", + "target": Array [ + "#navigation-3d23af59-8c76-4a8c-9523-a9a070968dd7", + ], + }, + ], + }, + ], + "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-dc493812-1ba0-436b-83c3-814fa0730841\">", + "impact":
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
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-2a7e6d08-f4a4-43b3-a6a5-a97a86920875\">", + "target": Array [ + "#navigation-2a7e6d08-f4a4-43b3-a6a5-a97a86920875", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ce50c486-a9da-4432-94e0-e76bf0ddfec2\">", + "target": Array [ + "#navigation-ce50c486-a9da-4432-94e0-e76bf0ddfec2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4c303c8b-8254-4dfb-a514-4b96c778c1be\">", + "target": Array [ + "#navigation-4c303c8b-8254-4dfb-a514-4b96c778c1be", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9b69483b-ca2c-4db9-9489-bffaa587600f\">", + "target": Array [ + "#navigation-9b69483b-ca2c-4db9-9489-bffaa587600f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cd344c83-0886-4142-bd81-ab569b84ad3e\">", + "target": Array [ + "#navigation-cd344c83-0886-4142-bd81-ab569b84ad3e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-388ad51c-ada4-46d2-8169-0541579d03ca\">", + "target": Array [ + "#navigation-388ad51c-ada4-46d2-8169-0541579d03ca", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d38b92e8-7ab3-45a7-a6b0-d59c1bf1c858\">", + "target": Array [ + "#navigation-d38b92e8-7ab3-45a7-a6b0-d59c1bf1c858", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7f77ff14-a277-4682-919b-af8a3beee4bd\">", + "target": Array [ + "#navigation-7f77ff14-a277-4682-919b-af8a3beee4bd", + ], + }, + ], + }, + ], + "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-763f3a0d-0b28-4bba-9502-f2706bfc304c\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[chromium] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
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-a92e1abb-338a-46c8-a2c3-a836fddae623\">", + "target": Array [ + "#navigation-a92e1abb-338a-46c8-a2c3-a836fddae623", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9d4b83e8-49a7-4212-892c-17dee1aa92a0\">", + "target": Array [ + "#navigation-9d4b83e8-49a7-4212-892c-17dee1aa92a0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d5f56744-0291-499e-bbaf-1400e1ddcb83\">", + "target": Array [ + "#navigation-d5f56744-0291-499e-bbaf-1400e1ddcb83", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ebeb18ce-cc28-4220-a84f-f73706e48d6e\">", + "target": Array [ + "#navigation-ebeb18ce-cc28-4220-a84f-f73706e48d6e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b7a64e90-6710-45d7-b705-8ee2c469c8d7\">", + "target": Array [ + "#navigation-b7a64e90-6710-45d7-b705-8ee2c469c8d7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-761fae7f-03b1-4417-86a6-b0d59c3b6cf6\">", + "target": Array [ + "#navigation-761fae7f-03b1-4417-86a6-b0d59c3b6cf6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8ca3ffee-6203-4fc2-976f-0d01eda9b5f1\">", + "target": Array [ + "#navigation-8ca3ffee-6203-4fc2-976f-0d01eda9b5f1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-48a60843-0f51-4e36-a67d-2684a23380c7\">", + "target": Array [ + "#navigation-48a60843-0f51-4e36-a67d-2684a23380c7", + ], + }, + ], + }, + ], + "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-aa75eb12-90e9-40b8-88b2-3b5a56d21463\">", + "impact":
test-showcases / 🧪🎭 - angular:1/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - vue:5/5
Process completed with exit code 1.
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
test-showcases / 🧪🎭 - vue:2/5
Process completed with exit code 1.
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
test-showcases / 🧪🎭 - vue:3/5
Process completed with exit code 1.
test-showcases / 🧪🎭 - angular:2/5
Process completed with exit code 1.
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[firefox] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
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
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
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": "
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
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
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
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": "
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
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
[firefox] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
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": "
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[webkit] › default.ts:52:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L89
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
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-50f7c40a-0350-4f4c-aa10-14821f97f83d\">", + "target": Array [ + "#navigation-50f7c40a-0350-4f4c-aa10-14821f97f83d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d8585437-51c0-4944-b306-751d7aa5d2b7\">", + "target": Array [ + "#navigation-d8585437-51c0-4944-b306-751d7aa5d2b7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-13b76278-d758-482a-9047-35656110dc84\">", + "target": Array [ + "#navigation-13b76278-d758-482a-9047-35656110dc84", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3e998c2e-afe8-4b53-be9d-b1d4843e3dd3\">", + "target": Array [ + "#navigation-3e998c2e-afe8-4b53-be9d-b1d4843e3dd3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dbc7eb77-5c2c-4900-b4d3-5539c131af0a\">", + "target": Array [ + "#navigation-dbc7eb77-5c2c-4900-b4d3-5539c131af0a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5a731a19-76e4-487f-aab9-b8cda4fda6c9\">", + "target": Array [ + "#navigation-5a731a19-76e4-487f-aab9-b8cda4fda6c9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-173e10f7-f006-4a64-aae4-449e356a77c3\">", + "target": Array [ + "#navigation-173e10f7-f006-4a64-aae4-449e356a77c3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f72c60f9-38ba-4e9e-935b-fbf69ee5ac62\">", + "target": Array [ + "#navigation-f72c60f9-38ba-4e9e-935b-fbf69ee5ac62", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-a91e99a2-b751-46b8-96e2-98ec736e8579\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1: showcases/e2e/default.ts#L116
2) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5cef030f-1cfa-41c4-9678-eb8c35ba3b1f\">", + "target": Array [ + "#navigation-5cef030f-1cfa-41c4-9678-eb8c35ba3b1f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-903ff6ca-132b-4493-8e59-6fce284358ed\">", + "target": Array [ + "#navigation-903ff6ca-132b-4493-8e59-6fce284358ed", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-84d60eb4-fdeb-46cc-a827-c3ad7d9eb74d\">", + "target": Array [ + "#navigation-84d60eb4-fdeb-46cc-a827-c3ad7d9eb74d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6c419539-8436-4413-b95d-605db83621a0\">", + "target": Array [ + "#navigation-6c419539-8436-4413-b95d-605db83621a0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d0d66a76-54d5-4faf-9599-a1d4ccff8965\">", + "target": Array [ + "#navigation-d0d66a76-54d5-4faf-9599-a1d4ccff8965", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d48d6947-5eb9-4503-831c-613cf67f0d24\">", + "target": Array [ + "#navigation-d48d6947-5eb9-4503-831c-613cf67f0d24", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f47e555b-fa70-4b20-a579-b11c8882f69b\">", + "target": Array [ + "#navigation-f47e555b-fa70-4b20-a579-b11c8882f69b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0722a077-813e-4f5a-880a-c3fb73e5383d\">", + "target": Array [ + "#navigation-0722a077-813e-4f5a-880a-c3fb73e5383d", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-05b3e67f-e299-443b-8bad-b620bdd8f906\">", + "impact": "m
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ac7188e6-54f2-4ac1-93e4-261187ee8af4\">", + "target": Array [ + "#navigation-ac7188e6-54f2-4ac1-93e4-261187ee8af4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6a4fabc8-6436-462c-9de2-06081685da54\">", + "target": Array [ + "#navigation-6a4fabc8-6436-462c-9de2-06081685da54", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f65a3207-cac1-461d-ba20-482d88a93b1d\">", + "target": Array [ + "#navigation-f65a3207-cac1-461d-ba20-482d88a93b1d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e0c46d57-066b-4d72-997f-506dae89b199\">", + "target": Array [ + "#navigation-e0c46d57-066b-4d72-997f-506dae89b199", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7ca93d77-bc11-4a95-8a26-e85f7f370b7d\">", + "target": Array [ + "#navigation-7ca93d77-bc11-4a95-8a26-e85f7f370b7d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-08d44213-e75a-4ab7-9bef-36de101cf9e5\">", + "target": Array [ + "#navigation-08d44213-e75a-4ab7-9bef-36de101cf9e5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-676ea29a-a129-4b66-b0a7-1628f5ee14ba\">", + "target": Array [ + "#navigation-676ea29a-a129-4b66-b0a7-1628f5ee14ba", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-580f9133-3d16-4882-9d3d-beda9ae14454\">", + "target": Array [ + "#navigation-580f9133-3d16-4882-9d3d-beda9ae14454", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-64e219a8-8e5f-4334-8c09-5f2e9aefec6c\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2: showcases/e2e/default.ts#L116
3) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d86a091f-f19d-4414-9e38-77df59d4ae18\">", + "target": Array [ + "#navigation-d86a091f-f19d-4414-9e38-77df59d4ae18", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-814d1281-f219-4602-a989-0ea654216762\">", + "target": Array [ + "#navigation-814d1281-f219-4602-a989-0ea654216762", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1808dc7d-7410-4cc8-bdf6-4cdaf4474b28\">", + "target": Array [ + "#navigation-1808dc7d-7410-4cc8-bdf6-4cdaf4474b28", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1f1ce659-1afa-4c5f-ab54-a4b06c705558\">", + "target": Array [ + "#navigation-1f1ce659-1afa-4c5f-ab54-a4b06c705558", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4fd5085d-9bf9-4be3-ad47-a84a0edfa529\">", + "target": Array [ + "#navigation-4fd5085d-9bf9-4be3-ad47-a84a0edfa529", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0a232619-063e-47f7-a108-79b46ca3c38a\">", + "target": Array [ + "#navigation-0a232619-063e-47f7-a108-79b46ca3c38a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-937b02b9-56f0-4a4a-b1c3-3a709e690625\">", + "target": Array [ + "#navigation-937b02b9-56f0-4a4a-b1c3-3a709e690625", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-324ca782-2f8e-4d08-ad3d-21c4af33c689\">", + "target": Array [ + "#navigation-324ca782-2f8e-4d08-ad3d-21c4af33c689", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-c97a4ade-ef32-40b1-99cc-bfb98d37315c\">", + "impact": "m
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2615d5c0-f084-4c54-a083-9f5bd8d605bc\">", + "target": Array [ + "#navigation-2615d5c0-f084-4c54-a083-9f5bd8d605bc", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-657c81f4-963a-4b65-b5c9-3cea5de0f8a9\">", + "target": Array [ + "#navigation-657c81f4-963a-4b65-b5c9-3cea5de0f8a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf1b3438-8a1b-44a7-a5a2-df2ecca472e0\">", + "target": Array [ + "#navigation-cf1b3438-8a1b-44a7-a5a2-df2ecca472e0", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-79b49e45-cb97-4902-8bc8-67aa9e46b58b\">", + "target": Array [ + "#navigation-79b49e45-cb97-4902-8bc8-67aa9e46b58b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-fa0c0d14-919a-46b5-8060-27d2b6740cbe\">", + "target": Array [ + "#navigation-fa0c0d14-919a-46b5-8060-27d2b6740cbe", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c45c8d07-43b8-40d2-b43b-f7bf36ac1fae\">", + "target": Array [ + "#navigation-c45c8d07-43b8-40d2-b43b-f7bf36ac1fae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7556dbf9-d72b-4c31-9e9a-053494ce0f5e\">", + "target": Array [ + "#navigation-7556dbf9-d72b-4c31-9e9a-053494ce0f5e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ae5e2e66-a7b1-4085-88f3-9d7dfacc407e\">", + "target": Array [ + "#navigation-ae5e2e66-a7b1-4085-88f3-9d7dfacc407e", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-dee11159-fb86-46f2-8738-f8445e536e00\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigation
[webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3: showcases/e2e/default.ts#L116
4) [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 463 - Array [] + Array [ + Object { + "description": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "help": "Ensures landmarks are unique", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "navigation", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3939664a-f229-4a61-b074-b81d99a5d89d\">", + "target": Array [ + "#navigation-3939664a-f229-4a61-b074-b81d99a5d89d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5d2073e3-6fe0-440e-8a10-c0028493f6b7\">", + "target": Array [ + "#navigation-5d2073e3-6fe0-440e-8a10-c0028493f6b7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-12a8c58c-e48e-4a26-b567-072219e947a5\">", + "target": Array [ + "#navigation-12a8c58c-e48e-4a26-b567-072219e947a5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4b4e4fd9-ef80-44cb-9594-c01fb3dd1651\">", + "target": Array [ + "#navigation-4b4e4fd9-ef80-44cb-9594-c01fb3dd1651", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b65eff5c-f9b9-4aee-9647-ea76b3910faa\">", + "target": Array [ + "#navigation-b65eff5c-f9b9-4aee-9647-ea76b3910faa", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-75bb6bfc-5fd0-48b9-9d4b-7c58b72bcca4\">", + "target": Array [ + "#navigation-75bb6bfc-5fd0-48b9-9d4b-7c58b72bcca4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-33a6b391-3c62-4ae1-94c5-1f2842187c3d\">", + "target": Array [ + "#navigation-33a6b391-3c62-4ae1-94c5-1f2842187c3d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9f3ed73b-e648-4343-baa6-89611e4a72dd\">", + "target": Array [ + "#navigation-9f3ed73b-e648-4343-baa6-89611e4a72dd", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-466ddd78-d4e3-4e0f-884b-a62391338aca\">", + "impact": "m
test-showcases / 🧪🎭 - angular:3/5
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
scan-secrets / TruffleHog
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/.
build-showcases / Build Showcases
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/.
🎭 Playwright Run Summary
1 failed [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (1.8m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── 109 passed (2.0m)
🎭 Playwright Run Summary
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)
🎭 Playwright Run Summary
1 failed [mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (2.2m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────────── 109 passed (2.6m)
🎭 Playwright Run Summary
1 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── 109 passed (3.0m)
🎭 Playwright Run Summary
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 (3.1m)
🎭 Playwright Run Summary
4 failed [webkit] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-1 [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-2 [webkit] › default.ts:96:3 › DBHeader › should not have any A11y issues for color neutral-bg-lvl-3 7 skipped 99 passed (3.4m)

Artifacts

Produced during runtime
Name Size
__snapshots__ Expired
10.5 MB
angular-showcase-playwright-results-1 Expired
5.24 MB
angular-showcase-playwright-results-2 Expired
5.74 MB
angular-showcase-playwright-results-3 Expired
6.24 MB
db-ui-components-build Expired
340 KB
db-ui-foundations-build Expired
88.4 KB
db-ui-output Expired
355 KB
db-ui-outputs Expired
5.04 MB
db-ui-showcases Expired
9.96 MB
vue-showcase-playwright-results-1 Expired
1.21 MB
vue-showcase-playwright-results-2 Expired
1.56 MB
vue-showcase-playwright-results-3 Expired
1.49 MB
vue-showcase-playwright-results-4 Expired
633 KB
vue-showcase-playwright-results-5 Expired
929 KB