Skip to content

test: add a11y tests to showcases #11567

test: add a11y tests to showcases

test: add a11y tests to showcases #11567

Triggered via pull request May 13, 2024 10:33
Status Failure
Total duration 24m 1s
Artifacts 14

default.yml

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

Annotations

43 errors, 2 warnings, and 8 notices
[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.
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: 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-83c410a8-8ad8-4208-9a2b-2aae216fd805\">", + "target": Array [ + "#navigation-83c410a8-8ad8-4208-9a2b-2aae216fd805", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e6d7e041-9142-408a-9b9f-eb0b65edb8c7\">", + "target": Array [ + "#navigation-e6d7e041-9142-408a-9b9f-eb0b65edb8c7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-da0a3807-79e1-4385-a966-523938b77e6c\">", + "target": Array [ + "#navigation-da0a3807-79e1-4385-a966-523938b77e6c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f2db5ad4-1348-488e-8f2e-0bdd6a644f40\">", + "target": Array [ + "#navigation-f2db5ad4-1348-488e-8f2e-0bdd6a644f40", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-105d5099-9747-43dc-8cf5-49692e2cb1a7\">", + "target": Array [ + "#navigation-105d5099-9747-43dc-8cf5-49692e2cb1a7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-df4242da-b63d-4707-bb83-20157d34ab41\">", + "target": Array [ + "#navigation-df4242da-b63d-4707-bb83-20157d34ab41", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a1620f7d-fc01-4fcf-85f6-15f72dfa5e21\">", + "target": Array [ + "#navigation-a1620f7d-fc01-4fcf-85f6-15f72dfa5e21", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5cf04138-6939-4d27-8e45-037a28c8a08b\">", + "target": Array [ + "#navigation-5cf04138-6939-4d27-8e45-037a28c8a08b", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-5b0ed893-994b-4f59-804e-0f152fa0d1e4\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[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-87b0b227-66ec-4a18-a729-bf7523a21b64\">", + "target": Array [ + "#navigation-87b0b227-66ec-4a18-a729-bf7523a21b64", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6e4eae64-7937-48e5-a430-fefe4c3ea61a\">", + "target": Array [ + "#navigation-6e4eae64-7937-48e5-a430-fefe4c3ea61a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bfec9b7d-a49d-4986-9d64-feff5f51d429\">", + "target": Array [ + "#navigation-bfec9b7d-a49d-4986-9d64-feff5f51d429", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-68f2f09e-370a-4693-b53f-57f659746bf4\">", + "target": Array [ + "#navigation-68f2f09e-370a-4693-b53f-57f659746bf4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d84e159c-a810-413b-a1e0-7bfdf5ad3b24\">", + "target": Array [ + "#navigation-d84e159c-a810-413b-a1e0-7bfdf5ad3b24", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-eddd26be-ca9d-4b18-a57e-8f584f85b27a\">", + "target": Array [ + "#navigation-eddd26be-ca9d-4b18-a57e-8f584f85b27a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9add5592-5158-41f4-a959-c2b0678c12c9\">", + "target": Array [ + "#navigation-9add5592-5158-41f4-a959-c2b0678c12c9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3f775898-dbd4-414b-837a-6ee3e551c041\">", + "target": Array [ + "#navigation-3f775898-dbd4-414b-837a-6ee3e551c041", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-38fe12bc-a5ef-462f-a1ae-dd42cbb5be2e\">", + "impact":
[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-72e9559a-f6d9-47c6-84bc-98c41344ed23\">", + "target": Array [ + "#navigation-72e9559a-f6d9-47c6-84bc-98c41344ed23", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-1c14fb85-61e4-451e-86dc-8be72b5f20e9\">", + "target": Array [ + "#navigation-1c14fb85-61e4-451e-86dc-8be72b5f20e9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dc7bfdc3-cc9d-4c74-ad72-5106814fb546\">", + "target": Array [ + "#navigation-dc7bfdc3-cc9d-4c74-ad72-5106814fb546", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a6aaef14-7675-4dfe-b126-d735687d74ce\">", + "target": Array [ + "#navigation-a6aaef14-7675-4dfe-b126-d735687d74ce", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a08d90e1-a843-4789-8b25-97cdd35fb246\">", + "target": Array [ + "#navigation-a08d90e1-a843-4789-8b25-97cdd35fb246", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-edc09c99-0121-47f6-88a6-fb3ecb4d3f71\">", + "target": Array [ + "#navigation-edc09c99-0121-47f6-88a6-fb3ecb4d3f71", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-03194475-d315-4fd8-998f-4e5cd6a79557\">", + "target": Array [ + "#navigation-03194475-d315-4fd8-998f-4e5cd6a79557", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4cf98a94-ff8a-4ea7-b1e8-80ab1354fc2f\">", + "target": Array [ + "#navigation-4cf98a94-ff8a-4ea7-b1e8-80ab1354fc2f", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-90c66ad2-e923-4aaa-8d75-1d6795158eb7\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[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-abb83154-4ccd-4be3-be14-532643eab7b6\">", + "target": Array [ + "#navigation-abb83154-4ccd-4be3-be14-532643eab7b6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9ad1f169-ad75-447b-9a9a-2946d2d98141\">", + "target": Array [ + "#navigation-9ad1f169-ad75-447b-9a9a-2946d2d98141", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-09ea7b50-4b4a-469a-8a7a-35f8faff0f95\">", + "target": Array [ + "#navigation-09ea7b50-4b4a-469a-8a7a-35f8faff0f95", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-35bf4858-a8e4-43fa-a674-ecc4579bbabf\">", + "target": Array [ + "#navigation-35bf4858-a8e4-43fa-a674-ecc4579bbabf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f227edb9-b480-469e-8fcf-cf8506574f31\">", + "target": Array [ + "#navigation-f227edb9-b480-469e-8fcf-cf8506574f31", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6bfdcf73-2a90-444d-8e63-388569d4c491\">", + "target": Array [ + "#navigation-6bfdcf73-2a90-444d-8e63-388569d4c491", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f67429ab-61aa-4ed6-b902-4811b1d0eabd\">", + "target": Array [ + "#navigation-f67429ab-61aa-4ed6-b902-4811b1d0eabd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cf40ba8e-1066-4d86-bc16-d833aa0281da\">", + "target": Array [ + "#navigation-cf40ba8e-1066-4d86-bc16-d833aa0281da", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-fc044de4-70f8-464a-9d35-37153a0a42f8\">", + "impact":
[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-c064aab1-b73d-4297-adf7-cc1f3cf5ca2d\">", + "target": Array [ + "#navigation-c064aab1-b73d-4297-adf7-cc1f3cf5ca2d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e9d208de-7f8d-4e0b-b32d-b3276cbcb95b\">", + "target": Array [ + "#navigation-e9d208de-7f8d-4e0b-b32d-b3276cbcb95b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-55eab8c3-143d-42fa-adf6-eec0415181b9\">", + "target": Array [ + "#navigation-55eab8c3-143d-42fa-adf6-eec0415181b9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-781d2858-65da-4f27-a806-3a2efb34f3dd\">", + "target": Array [ + "#navigation-781d2858-65da-4f27-a806-3a2efb34f3dd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-76f31d32-ff3d-49a8-95f1-f89b030df51d\">", + "target": Array [ + "#navigation-76f31d32-ff3d-49a8-95f1-f89b030df51d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2dbaa134-533f-4b05-b860-dc8ab889ef83\">", + "target": Array [ + "#navigation-2dbaa134-533f-4b05-b860-dc8ab889ef83", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a6998ba2-695e-4955-a8f3-985ad084c7ca\">", + "target": Array [ + "#navigation-a6998ba2-695e-4955-a8f3-985ad084c7ca", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f971cdbe-5234-4813-bb5f-b4eb383d829f\">", + "target": Array [ + "#navigation-f971cdbe-5234-4813-bb5f-b4eb383d829f", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-97b00251-894c-4830-8e84-18d29f4fbfaf\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#navigati
[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-b5abe131-def2-40bc-bfcc-199dcf371715\">", + "target": Array [ + "#navigation-b5abe131-def2-40bc-bfcc-199dcf371715", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f9e0f3cd-3be4-40a8-8b31-e7cf9411330d\">", + "target": Array [ + "#navigation-f9e0f3cd-3be4-40a8-8b31-e7cf9411330d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-95be3495-366a-48c1-87fb-c05524c3d88e\">", + "target": Array [ + "#navigation-95be3495-366a-48c1-87fb-c05524c3d88e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d0eee7f8-2442-49b1-8d17-505849260851\">", + "target": Array [ + "#navigation-d0eee7f8-2442-49b1-8d17-505849260851", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-015ed311-ef0d-401e-bd4c-7888d6e7edf8\">", + "target": Array [ + "#navigation-015ed311-ef0d-401e-bd4c-7888d6e7edf8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-194f71ac-d37a-44b4-a79e-fcafdcd73fe5\">", + "target": Array [ + "#navigation-194f71ac-d37a-44b4-a79e-fcafdcd73fe5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e7afcab3-3117-46c5-abc6-659c7959873e\">", + "target": Array [ + "#navigation-e7afcab3-3117-46c5-abc6-659c7959873e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f88d225f-e325-48d9-9cb6-a5421cce6b82\">", + "target": Array [ + "#navigation-f88d225f-e325-48d9-9cb6-a5421cce6b82", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<nav class=\"db-navigation\" id=\"navigation-8e55229c-e508-4e5f-ad7c-6175e114e05d\">", + "impact":
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-c7e85832-6106-423d-96f1-04fb3e0673a8\">", + "target": Array [ + "#navigation-c7e85832-6106-423d-96f1-04fb3e0673a8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f8e15882-9f94-4089-8476-00e46e9d5bd2\">", + "target": Array [ + "#navigation-f8e15882-9f94-4089-8476-00e46e9d5bd2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-f8791e51-7eca-4bef-924d-a2c5b33106a9\">", + "target": Array [ + "#navigation-f8791e51-7eca-4bef-924d-a2c5b33106a9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c684c856-60ab-4623-958c-2d74ad85697b\">", + "target": Array [ + "#navigation-c684c856-60ab-4623-958c-2d74ad85697b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bcb3d3fa-ba9b-44c6-95d5-84a54d90eb15\">", + "target": Array [ + "#navigation-bcb3d3fa-ba9b-44c6-95d5-84a54d90eb15", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-6144b28c-87f4-416d-908b-124dea3bfa2b\">", + "target": Array [ + "#navigation-6144b28c-87f4-416d-908b-124dea3bfa2b", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ed7c4cd9-651c-4eef-8c3a-d3dd1f7ca95e\">", + "target": Array [ + "#navigation-ed7c4cd9-651c-4eef-8c3a-d3dd1f7ca95e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-09b64249-209a-45ad-b47d-483d3b8e0827\">", + "target": Array [ + "#navigation-09b64249-209a-45ad-b47d-483d3b8e0827", + ], + }, + ], + }, + ], + "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-4af31e38-cd0c-4962-8ff1-6b3115162c0c\">", + "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-5b15df0e-47f8-4645-b200-97ad24571bf8\">", + "target": Array [ + "#navigation-5b15df0e-47f8-4645-b200-97ad24571bf8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-be9eefbd-926f-4deb-98c1-c882a253cd62\">", + "target": Array [ + "#navigation-be9eefbd-926f-4deb-98c1-c882a253cd62", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a3560558-c4ae-4304-b72c-235f606c3592\">", + "target": Array [ + "#navigation-a3560558-c4ae-4304-b72c-235f606c3592", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-30eb8287-93ca-414e-a6ed-770c4565323d\">", + "target": Array [ + "#navigation-30eb8287-93ca-414e-a6ed-770c4565323d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-54a12c17-5982-4ebb-b125-7ef7b9fe906c\">", + "target": Array [ + "#navigation-54a12c17-5982-4ebb-b125-7ef7b9fe906c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-14ecf208-13a6-433c-aea6-9341c605b15e\">", + "target": Array [ + "#navigation-14ecf208-13a6-433c-aea6-9341c605b15e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a3d25475-0b74-4685-b8b9-9e48b3cea4f5\">", + "target": Array [ + "#navigation-a3d25475-0b74-4685-b8b9-9e48b3cea4f5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e73687b0-4cee-438b-89c5-0a00c126ea61\">", + "target": Array [ + "#navigation-e73687b0-4cee-438b-89c5-0a00c126ea61", + ], + }, + ], + }, + ], + "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-fd5090d2-7182-47a0-934d-379815632a8a\">", + "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-fc051d63-9151-4b79-adfd-f61cac265442\">", + "target": Array [ + "#navigation-fc051d63-9151-4b79-adfd-f61cac265442", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c2189f01-c0dd-4236-8320-50f46fc80379\">", + "target": Array [ + "#navigation-c2189f01-c0dd-4236-8320-50f46fc80379", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e0d8b861-3ebe-4b34-8fcb-3f24eacb8041\">", + "target": Array [ + "#navigation-e0d8b861-3ebe-4b34-8fcb-3f24eacb8041", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3b22b63e-5fd1-4932-b1cf-6f4a3afc78cb\">", + "target": Array [ + "#navigation-3b22b63e-5fd1-4932-b1cf-6f4a3afc78cb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2e6e2c21-a004-459c-8236-0c6e18c9c08f\">", + "target": Array [ + "#navigation-2e6e2c21-a004-459c-8236-0c6e18c9c08f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4a6587e5-9d13-48ba-8032-257f7b877bf8\">", + "target": Array [ + "#navigation-4a6587e5-9d13-48ba-8032-257f7b877bf8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-31619933-d6a5-4230-bf1f-0e88c8da7ed2\">", + "target": Array [ + "#navigation-31619933-d6a5-4230-bf1f-0e88c8da7ed2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-251f5e6b-3c44-4340-b03b-46151f190210\">", + "target": Array [ + "#navigation-251f5e6b-3c44-4340-b03b-46151f190210", + ], + }, + ], + }, + ], + "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-7944bc90-ffa7-49c7-9564-4c8e29be46ac\">", + "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-1c50563e-2222-426e-84b3-db9b64cf34be\">", + "target": Array [ + "#navigation-1c50563e-2222-426e-84b3-db9b64cf34be", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4dd37e54-8e4f-4756-8a4d-8c31dc019ac8\">", + "target": Array [ + "#navigation-4dd37e54-8e4f-4756-8a4d-8c31dc019ac8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-572d5d21-51d7-490a-a733-c618ae6c37b2\">", + "target": Array [ + "#navigation-572d5d21-51d7-490a-a733-c618ae6c37b2", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e5843ed2-9b70-4901-ba3e-17e46ef84dbf\">", + "target": Array [ + "#navigation-e5843ed2-9b70-4901-ba3e-17e46ef84dbf", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-a8b19140-85e6-4d7f-8559-3dd2b3de75fd\">", + "target": Array [ + "#navigation-a8b19140-85e6-4d7f-8559-3dd2b3de75fd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e161161b-ad27-4881-8f90-ad4e3a57c333\">", + "target": Array [ + "#navigation-e161161b-ad27-4881-8f90-ad4e3a57c333", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4b052f06-fdba-499b-bdeb-4bd6a0e12598\">", + "target": Array [ + "#navigation-4b052f06-fdba-499b-bdeb-4bd6a0e12598", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ab9cc6ed-fbe4-4bdc-b9cb-8a444bf1ea24\">", + "target": Array [ + "#navigation-ab9cc6ed-fbe4-4bdc-b9cb-8a444bf1ea24", + ], + }, + ], + }, + ], + "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-a1da17ee-890a-45f7-9de6-12e517da0ee8\">", + "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-f358aff9-c871-4ee8-bd69-8b67d0cdbd8a\">", + "target": Array [ + "#navigation-f358aff9-c871-4ee8-bd69-8b67d0cdbd8a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-883e51fd-7a4f-4eb0-b9fb-b9ba8c0066f1\">", + "target": Array [ + "#navigation-883e51fd-7a4f-4eb0-b9fb-b9ba8c0066f1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7b6617fd-787d-4aeb-a397-df68284a806a\">", + "target": Array [ + "#navigation-7b6617fd-787d-4aeb-a397-df68284a806a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7d530231-7a70-4e14-a424-3cd30deca0c9\">", + "target": Array [ + "#navigation-7d530231-7a70-4e14-a424-3cd30deca0c9", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4544f5f0-b390-4776-a424-c923415961ee\">", + "target": Array [ + "#navigation-4544f5f0-b390-4776-a424-c923415961ee", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0f3f083b-5469-4e50-a51d-397b78a84116\">", + "target": Array [ + "#navigation-0f3f083b-5469-4e50-a51d-397b78a84116", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-88549e44-4ad4-4ea6-865f-379723f0dca6\">", + "target": Array [ + "#navigation-88549e44-4ad4-4ea6-865f-379723f0dca6", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dfc4df5a-f6ab-4cb0-9078-3a97fff8ffef\">", + "target": Array [ + "#navigation-dfc4df5a-f6ab-4cb0-9078-3a97fff8ffef", + ], + }, + ], + }, + ], + "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-7bfbda92-1426-45c2-8efb-aa3b6ce64b14\">", + "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-7e9ca293-bcd8-4f16-b112-57617b89f595\">", + "target": Array [ + "#navigation-7e9ca293-bcd8-4f16-b112-57617b89f595", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-542b8d5e-56cf-4054-b49f-35542806c4a1\">", + "target": Array [ + "#navigation-542b8d5e-56cf-4054-b49f-35542806c4a1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5270fd07-fb6e-409f-9c5b-778b15f1f0b1\">", + "target": Array [ + "#navigation-5270fd07-fb6e-409f-9c5b-778b15f1f0b1", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ce471319-1436-413e-b5d7-90a674fbf15c\">", + "target": Array [ + "#navigation-ce471319-1436-413e-b5d7-90a674fbf15c", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3eb828a4-be02-4d65-bf17-9a5540501361\">", + "target": Array [ + "#navigation-3eb828a4-be02-4d65-bf17-9a5540501361", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-d0e6e56f-5d8b-4fe5-aa52-018e823f1bea\">", + "target": Array [ + "#navigation-d0e6e56f-5d8b-4fe5-aa52-018e823f1bea", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8fd4ec15-a052-43ed-9c75-0b90b1064183\">", + "target": Array [ + "#navigation-8fd4ec15-a052-43ed-9c75-0b90b1064183", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-62c4cf9a-7e34-4f4e-b244-eb4e643337fa\">", + "target": Array [ + "#navigation-62c4cf9a-7e34-4f4e-b244-eb4e643337fa", + ], + }, + ], + }, + ], + "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-197d34c8-17f1-41a9-bf4b-850a71322a17\">", + "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-e574760a-3454-4f3c-b86c-2e7550c2afe3\">", + "target": Array [ + "#navigation-e574760a-3454-4f3c-b86c-2e7550c2afe3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7f751e50-03ea-4ebf-b666-ba32d665fe82\">", + "target": Array [ + "#navigation-7f751e50-03ea-4ebf-b666-ba32d665fe82", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-dfb62087-d368-4833-8d9c-b5da6fa60d73\">", + "target": Array [ + "#navigation-dfb62087-d368-4833-8d9c-b5da6fa60d73", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-70d5de98-5146-4d43-96fb-7b64b78da151\">", + "target": Array [ + "#navigation-70d5de98-5146-4d43-96fb-7b64b78da151", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-95bb5c99-bd1f-47e8-85bb-a4fdb3a9d578\">", + "target": Array [ + "#navigation-95bb5c99-bd1f-47e8-85bb-a4fdb3a9d578", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-bcf8ba69-1b00-4b23-a256-0fc63d175fc5\">", + "target": Array [ + "#navigation-bcf8ba69-1b00-4b23-a256-0fc63d175fc5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c8faf128-267c-4950-9d0b-b115729aa742\">", + "target": Array [ + "#navigation-c8faf128-267c-4950-9d0b-b115729aa742", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0b72d029-59b3-4be6-b001-7eb33d7b851d\">", + "target": Array [ + "#navigation-0b72d029-59b3-4be6-b001-7eb33d7b851d", + ], + }, + ], + }, + ], + "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-9c737a30-97b7-4555-9556-bbd06c9df3ae\">", + "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-1b4653f9-8335-445d-9dee-b6191e5385cd\">", + "target": Array [ + "#navigation-1b4653f9-8335-445d-9dee-b6191e5385cd", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-184a0207-c463-4f15-94af-ac9bc4dbd076\">", + "target": Array [ + "#navigation-184a0207-c463-4f15-94af-ac9bc4dbd076", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9156f91b-283f-4d53-8c0f-026ba0f4e0a7\">", + "target": Array [ + "#navigation-9156f91b-283f-4d53-8c0f-026ba0f4e0a7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-76906e28-6a9b-4688-b3f7-6bc2ebe23ee8\">", + "target": Array [ + "#navigation-76906e28-6a9b-4688-b3f7-6bc2ebe23ee8", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4127b829-d61e-4de1-9fc3-6674927ea7ae\">", + "target": Array [ + "#navigation-4127b829-d61e-4de1-9fc3-6674927ea7ae", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7bf0c57d-3896-4b2f-8037-65010a4000bb\">", + "target": Array [ + "#navigation-7bf0c57d-3896-4b2f-8037-65010a4000bb", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ca38f5e0-e7a4-4b6a-8921-eb37fcc3327f\">", + "target": Array [ + "#navigation-ca38f5e0-e7a4-4b6a-8921-eb37fcc3327f", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-ed511191-64f2-42ec-9d3a-be106405b214\">", + "target": Array [ + "#navigation-ed511191-64f2-42ec-9d3a-be106405b214", + ], + }, + ], + }, + ], + "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-87fe78b8-927f-4b72-9182-a5d82b0dad2c\">", + "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-2f8ba557-ce39-4621-a739-277fe898b3b5\">", + "target": Array [ + "#navigation-2f8ba557-ce39-4621-a739-277fe898b3b5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-cb7fcf8b-4f5d-4c77-9582-0d6c8580e29e\">", + "target": Array [ + "#navigation-cb7fcf8b-4f5d-4c77-9582-0d6c8580e29e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-b3afcacb-f43e-4e4a-b217-43965e452c33\">", + "target": Array [ + "#navigation-b3afcacb-f43e-4e4a-b217-43965e452c33", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e775f5e5-63d9-4a26-8bf2-301486958e59\">", + "target": Array [ + "#navigation-e775f5e5-63d9-4a26-8bf2-301486958e59", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-c7902669-1891-47f9-a2b2-ef461a5b6a66\">", + "target": Array [ + "#navigation-c7902669-1891-47f9-a2b2-ef461a5b6a66", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-879e6825-c6e0-442d-9147-33f173f83b87\">", + "target": Array [ + "#navigation-879e6825-c6e0-442d-9147-33f173f83b87", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-5478223b-e4ed-4234-ac94-99dbc84e22d3\">", + "target": Array [ + "#navigation-5478223b-e4ed-4234-ac94-99dbc84e22d3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-7f4a1edb-8e66-41fa-8931-c791a023f47a\">", + "target": Array [ + "#navigation-7f4a1edb-8e66-41fa-8931-c791a023f47a", + ], + }, + ], + }, + ], + "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-d12026e2-991e-40a0-b4dc-54f8dafd8886\">", + "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-0f622fdd-752b-46c5-9d6b-ebb576c62078\">", + "target": Array [ + "#navigation-0f622fdd-752b-46c5-9d6b-ebb576c62078", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0017cbac-1b11-4468-b55d-7dca5957515d\">", + "target": Array [ + "#navigation-0017cbac-1b11-4468-b55d-7dca5957515d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-fd07a509-8b25-41b6-923d-f125af6b9e0a\">", + "target": Array [ + "#navigation-fd07a509-8b25-41b6-923d-f125af6b9e0a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3026a5cc-6c1c-48d7-ba7d-b3aa40163c06\">", + "target": Array [ + "#navigation-3026a5cc-6c1c-48d7-ba7d-b3aa40163c06", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0b5dac94-c8d3-48dd-a391-43ff2687616a\">", + "target": Array [ + "#navigation-0b5dac94-c8d3-48dd-a391-43ff2687616a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-4fa734de-7294-4eb3-976e-080ea951c881\">", + "target": Array [ + "#navigation-4fa734de-7294-4eb3-976e-080ea951c881", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8ef6dc2f-e139-472b-8731-5cbadb32e41a\">", + "target": Array [ + "#navigation-8ef6dc2f-e139-472b-8731-5cbadb32e41a", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-20301333-fc79-4219-98bf-0448738d4b3b\">", + "target": Array [ + "#navigation-20301333-fc79-4219-98bf-0448738d4b3b", + ], + }, + ], + }, + ], + "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-c7f25c48-8161-42e8-b95e-1187b5c8d63e\">", + "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-81c4e27b-ecaa-43a2-b45c-bd1cca7c64d4\">", + "target": Array [ + "#navigation-81c4e27b-ecaa-43a2-b45c-bd1cca7c64d4", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-9c2fe24b-8c8b-4e97-8a3c-99844ee33d1d\">", + "target": Array [ + "#navigation-9c2fe24b-8c8b-4e97-8a3c-99844ee33d1d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-19478724-db72-4aa3-9bfb-50b452b3748e\">", + "target": Array [ + "#navigation-19478724-db72-4aa3-9bfb-50b452b3748e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-601e5069-8fd1-4860-9218-57b56d8d3de5\">", + "target": Array [ + "#navigation-601e5069-8fd1-4860-9218-57b56d8d3de5", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-07c6d1e2-c8fa-4f20-bafe-f961c5fef58d\">", + "target": Array [ + "#navigation-07c6d1e2-c8fa-4f20-bafe-f961c5fef58d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-e8f4248d-6e43-4816-9b1b-39dde3d32539\">", + "target": Array [ + "#navigation-e8f4248d-6e43-4816-9b1b-39dde3d32539", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-2fd481c5-af77-46b2-9098-d25093a2d6af\">", + "target": Array [ + "#navigation-2fd481c5-af77-46b2-9098-d25093a2d6af", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-8a90936a-440c-4de8-b404-f4b82055f3ff\">", + "target": Array [ + "#navigation-8a90936a-440c-4de8-b404-f4b82055f3ff", + ], + }, + ], + }, + ], + "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-793562e7-1d0b-44a1-b7b3-0f9ac1e22a15\">", + "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-2a26ffea-b499-4760-9d97-6740343e58c7\">", + "target": Array [ + "#navigation-2a26ffea-b499-4760-9d97-6740343e58c7", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-00c7ee2f-42e2-4df1-ab00-cd5ba34fd67e\">", + "target": Array [ + "#navigation-00c7ee2f-42e2-4df1-ab00-cd5ba34fd67e", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-3a53147d-108b-4a0c-9469-5d589e0d4866\">", + "target": Array [ + "#navigation-3a53147d-108b-4a0c-9469-5d589e0d4866", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-882828eb-1a91-4fd7-a696-0b09dc9e1bc3\">", + "target": Array [ + "#navigation-882828eb-1a91-4fd7-a696-0b09dc9e1bc3", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-79a638f0-5638-4ff6-8624-bfc287d8033d\">", + "target": Array [ + "#navigation-79a638f0-5638-4ff6-8624-bfc287d8033d", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-75b645ea-3ccd-4040-82a6-b904156e1428\">", + "target": Array [ + "#navigation-75b645ea-3ccd-4040-82a6-b904156e1428", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-0c06a668-197b-40d2-8af1-61d32186ca01\">", + "target": Array [ + "#navigation-0c06a668-197b-40d2-8af1-61d32186ca01", + ], + }, + Object { + "html": "<nav class=\"db-navigation\" id=\"navigation-922306b4-83ae-47a1-8ce8-c79d42751ff9\">", + "target": Array [ + "#navigation-922306b4-83ae-47a1-8ce8-c79d42751ff9", + ], + }, + ], + }, + ], + "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-3f59705e-0061-4e8d-a9dc-0171d50688ae\">", + "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 [chromium] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────── 109 passed (1.9m)
🎭 Playwright Run Summary
1 failed [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────── 109 passed (1.8m)
🎭 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.3m)

Artifacts

Produced during runtime
Name Size
__snapshots__ Expired
10.5 MB
angular-showcase-playwright-results-1 Expired
5.22 MB
angular-showcase-playwright-results-2 Expired
5.68 MB
angular-showcase-playwright-results-3 Expired
6.24 MB
db-ui-components-build Expired
339 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.23 MB
vue-showcase-playwright-results-2 Expired
1.51 MB
vue-showcase-playwright-results-3 Expired
1.49 MB
vue-showcase-playwright-results-4 Expired
633 KB
vue-showcase-playwright-results-5 Expired
970 KB