test: add a11y tests to showcases #11488
default.yml
on: pull_request
init
/
Init
1m 14s
scan-secrets
/
TruffleHog
41s
get-playwright-version
/
Get and save publish version
19s
lint
/
Lint
43s
Matrix: test-components / playwright-ct
Matrix: test-showcases / playwright-showcases
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots
14m 34s
deploy
/
Deploy
Annotations
56 errors, 2 warnings, and 15 notices
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────
Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - react:4/5
Process completed with exit code 1.
|
test-showcases / 🧪🎭 - react: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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - vue:1/5
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────
Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - angular:4/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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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-00828ac0-213b-460a-9809-e6be0485f4cf\">",
+ "target": Array [
+ "#navigation-00828ac0-213b-460a-9809-e6be0485f4cf",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-66048470-12c3-4639-b64e-50ac8bb5ceb0\">",
+ "target": Array [
+ "#navigation-66048470-12c3-4639-b64e-50ac8bb5ceb0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-626274b6-3cdd-4d11-b015-acdd4018bf96\">",
+ "target": Array [
+ "#navigation-626274b6-3cdd-4d11-b015-acdd4018bf96",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4f3c381c-8b28-41a0-a739-0d5829b793cc\">",
+ "target": Array [
+ "#navigation-4f3c381c-8b28-41a0-a739-0d5829b793cc",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-55afe802-6e80-4db3-9d74-a7a90159d46a\">",
+ "target": Array [
+ "#navigation-55afe802-6e80-4db3-9d74-a7a90159d46a",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-2ffdc69c-7e86-4003-903d-2357204050eb\">",
+ "target": Array [
+ "#navigation-2ffdc69c-7e86-4003-903d-2357204050eb",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-612b4aef-15ef-489a-aef7-b564df093396\">",
+ "target": Array [
+ "#navigation-612b4aef-15ef-489a-aef7-b564df093396",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-23d48ac6-ed78-48d8-86fb-1c417e5f4e74\">",
+ "target": Array [
+ "#navigation-23d48ac6-ed78-48d8-86fb-1c417e5f4e74",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-b47ce968-d121-4876-af6c-a7f403fee53a\">",
+ "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-894f31b9-9ecd-41fe-8d9e-3649f7660a8a\">",
+ "target": Array [
+ "#navigation-894f31b9-9ecd-41fe-8d9e-3649f7660a8a",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-69c62ce1-0a1d-4773-8e6b-dd7c702525e1\">",
+ "target": Array [
+ "#navigation-69c62ce1-0a1d-4773-8e6b-dd7c702525e1",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4eba3106-6067-4348-9893-76ffad7c9a32\">",
+ "target": Array [
+ "#navigation-4eba3106-6067-4348-9893-76ffad7c9a32",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-72bcb237-a079-4018-9442-632399fff5b4\">",
+ "target": Array [
+ "#navigation-72bcb237-a079-4018-9442-632399fff5b4",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a204e726-e4bc-4bbd-b4c0-9658c15750ff\">",
+ "target": Array [
+ "#navigation-a204e726-e4bc-4bbd-b4c0-9658c15750ff",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-6b0f5bea-fd21-43b5-85ee-e9459e0a5ec3\">",
+ "target": Array [
+ "#navigation-6b0f5bea-fd21-43b5-85ee-e9459e0a5ec3",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-549359eb-caca-44c8-bff6-02f8e2dd1a0e\">",
+ "target": Array [
+ "#navigation-549359eb-caca-44c8-bff6-02f8e2dd1a0e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-e73087b0-c9ab-467c-9382-e690962f200c\">",
+ "target": Array [
+ "#navigation-e73087b0-c9ab-467c-9382-e690962f200c",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-d937f7c0-86d8-4c1e-beae-e1be8acd3207\">",
+ "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-9c6ce2ca-5cba-41c8-9bc7-35b716e5fb6e\">",
+ "target": Array [
+ "#navigation-9c6ce2ca-5cba-41c8-9bc7-35b716e5fb6e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a8c36662-507b-4b12-acb8-09fba66557e1\">",
+ "target": Array [
+ "#navigation-a8c36662-507b-4b12-acb8-09fba66557e1",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-78de9ff1-b905-405b-8b6a-5fd3a4679bd0\">",
+ "target": Array [
+ "#navigation-78de9ff1-b905-405b-8b6a-5fd3a4679bd0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-243aaf49-2be6-4220-b8bb-3e00c49a4079\">",
+ "target": Array [
+ "#navigation-243aaf49-2be6-4220-b8bb-3e00c49a4079",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-dde3ced0-6dc5-43a0-8c96-eef30670f3ad\">",
+ "target": Array [
+ "#navigation-dde3ced0-6dc5-43a0-8c96-eef30670f3ad",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-b3744a8f-9ca3-4e2d-8aa5-99d1f7c21da9\">",
+ "target": Array [
+ "#navigation-b3744a8f-9ca3-4e2d-8aa5-99d1f7c21da9",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1f74aac8-7c54-4bb3-8399-cc05beeadd4b\">",
+ "target": Array [
+ "#navigation-1f74aac8-7c54-4bb3-8399-cc05beeadd4b",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-9e1d2c83-1080-47b9-98ab-382ced4be002\">",
+ "target": Array [
+ "#navigation-9e1d2c83-1080-47b9-98ab-382ced4be002",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-fb0775b8-118b-4658-80fe-597da599babc\">",
+ "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-7ebf8254-37e1-4174-bf48-410db313eb27\">",
+ "target": Array [
+ "#navigation-7ebf8254-37e1-4174-bf48-410db313eb27",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-f82d8c31-843a-4098-b59d-43c407f927fa\">",
+ "target": Array [
+ "#navigation-f82d8c31-843a-4098-b59d-43c407f927fa",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-0bbae30f-8589-4d30-a1c6-0c056e7dbc4d\">",
+ "target": Array [
+ "#navigation-0bbae30f-8589-4d30-a1c6-0c056e7dbc4d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-cab1fdcd-8520-45c9-985b-9ae14abb7e90\">",
+ "target": Array [
+ "#navigation-cab1fdcd-8520-45c9-985b-9ae14abb7e90",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-6a0852db-a6ea-45fa-9a01-65eceb13eca5\">",
+ "target": Array [
+ "#navigation-6a0852db-a6ea-45fa-9a01-65eceb13eca5",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4612e454-a1ad-4175-9bc9-629c6dbed3ce\">",
+ "target": Array [
+ "#navigation-4612e454-a1ad-4175-9bc9-629c6dbed3ce",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-e97d8142-ad51-464f-9578-0682ea426700\">",
+ "target": Array [
+ "#navigation-e97d8142-ad51-464f-9578-0682ea426700",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-29bca0e0-4fe2-4ad7-b595-4b7d1eb7dfa4\">",
+ "target": Array [
+ "#navigation-29bca0e0-4fe2-4ad7-b595-4b7d1eb7dfa4",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-8539e56d-a6ad-4886-a41a-988dad4d94fc\">",
+ "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-37691435-5e7e-4dc6-8645-8e6e29fe7310\">",
+ "target": Array [
+ "#navigation-37691435-5e7e-4dc6-8645-8e6e29fe7310",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-ac410941-1de7-4c2e-ab73-db93d4e7ccd4\">",
+ "target": Array [
+ "#navigation-ac410941-1de7-4c2e-ab73-db93d4e7ccd4",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-96d1a0a1-916b-4fb4-b581-f6282f4008eb\">",
+ "target": Array [
+ "#navigation-96d1a0a1-916b-4fb4-b581-f6282f4008eb",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-eba060a0-a97b-4f60-ad52-1a02d1e8934b\">",
+ "target": Array [
+ "#navigation-eba060a0-a97b-4f60-ad52-1a02d1e8934b",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-b1cec1ff-3389-4ecd-a5ac-ab7f83ce8646\">",
+ "target": Array [
+ "#navigation-b1cec1ff-3389-4ecd-a5ac-ab7f83ce8646",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-5e46a759-1ab4-4a6a-9e5c-67948192c6dd\">",
+ "target": Array [
+ "#navigation-5e46a759-1ab4-4a6a-9e5c-67948192c6dd",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-190f4032-5ecc-43f2-827b-488551d566e3\">",
+ "target": Array [
+ "#navigation-190f4032-5ecc-43f2-827b-488551d566e3",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-656dd94a-2ac9-4c8c-a68f-38760c8634b7\">",
+ "target": Array [
+ "#navigation-656dd94a-2ac9-4c8c-a68f-38760c8634b7",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-e61e3f72-8ed2-4e6d-a8d3-db813d1d23dc\">",
+ "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-9e2ce677-d9c8-4be9-9b2a-25d234df4ae1\">",
+ "target": Array [
+ "#navigation-9e2ce677-d9c8-4be9-9b2a-25d234df4ae1",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-811825b3-f54c-4a12-aff8-d18aec76c29f\">",
+ "target": Array [
+ "#navigation-811825b3-f54c-4a12-aff8-d18aec76c29f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4a739d7d-795a-4506-a997-d47f63bc87a0\">",
+ "target": Array [
+ "#navigation-4a739d7d-795a-4506-a997-d47f63bc87a0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-943fd592-1738-4ed5-9328-81c6a99cbf9d\">",
+ "target": Array [
+ "#navigation-943fd592-1738-4ed5-9328-81c6a99cbf9d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-58a0a501-2cc2-4d9a-a95e-f9fce4635a40\">",
+ "target": Array [
+ "#navigation-58a0a501-2cc2-4d9a-a95e-f9fce4635a40",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-89ccde80-d54e-4d70-8aaf-5508457f8a09\">",
+ "target": Array [
+ "#navigation-89ccde80-d54e-4d70-8aaf-5508457f8a09",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7e715612-a8e1-42c0-8494-314f3d189ea9\">",
+ "target": Array [
+ "#navigation-7e715612-a8e1-42c0-8494-314f3d189ea9",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-c78dc871-ef3f-42ce-aeec-1d4b84d27e54\">",
+ "target": Array [
+ "#navigation-c78dc871-ef3f-42ce-aeec-1d4b84d27e54",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-991ac613-6fd5-4aa3-9391-ea3eea4af448\">",
+ "impact":
|
test-showcases / 🧪🎭 - angular:1/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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - react:5/5
Process completed with exit code 1.
|
test-showcases / 🧪🎭 - react: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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - angular:5/5
Process completed with exit code 1.
|
test-showcases / 🧪🎭 - vue:4/5
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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 › DBBrand › should match screenshot:
showcases/e2e/default.ts#L89
1) [mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3404 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-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
- 3404 pixels (ratio 0.02 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
- 3404 pixels (ratio 0.02 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
2) [mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────
Error: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - vue:2/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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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-ee61b650-97e8-492d-a349-b5fd3abdbff8\">",
+ "target": Array [
+ "#navigation-ee61b650-97e8-492d-a349-b5fd3abdbff8",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-2d177850-d9ca-409c-8121-4272ea4a4c18\">",
+ "target": Array [
+ "#navigation-2d177850-d9ca-409c-8121-4272ea4a4c18",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a5e01b05-0e47-4849-a703-82bafebfd4f6\">",
+ "target": Array [
+ "#navigation-a5e01b05-0e47-4849-a703-82bafebfd4f6",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-100bca7a-f7ee-4d08-a9bb-85ed4cf0e685\">",
+ "target": Array [
+ "#navigation-100bca7a-f7ee-4d08-a9bb-85ed4cf0e685",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-ba2bccb8-a119-4adc-b8e8-ea42e96efe5e\">",
+ "target": Array [
+ "#navigation-ba2bccb8-a119-4adc-b8e8-ea42e96efe5e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-5bd81a64-1acd-47c1-ac47-2f2615d62cd2\">",
+ "target": Array [
+ "#navigation-5bd81a64-1acd-47c1-ac47-2f2615d62cd2",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-bb45d487-536c-44b8-b68f-6d946ae45d48\">",
+ "target": Array [
+ "#navigation-bb45d487-536c-44b8-b68f-6d946ae45d48",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-15f544b2-eeac-48d2-baa4-6f99a5a555b2\">",
+ "target": Array [
+ "#navigation-15f544b2-eeac-48d2-baa4-6f99a5a555b2",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-71473445-9fdd-4d2a-ac29-05bd1a5583e4\">",
+ "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-f983abd5-1bd1-45ec-8df9-4fc7b2f50e9d\">",
+ "target": Array [
+ "#navigation-f983abd5-1bd1-45ec-8df9-4fc7b2f50e9d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-40ce2f2a-af03-4f2d-88bc-c62e7050d283\">",
+ "target": Array [
+ "#navigation-40ce2f2a-af03-4f2d-88bc-c62e7050d283",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-55790186-ce3b-4e83-8d13-31be1ea94cc4\">",
+ "target": Array [
+ "#navigation-55790186-ce3b-4e83-8d13-31be1ea94cc4",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-55109f22-4440-499e-a04a-502d6ef57e8f\">",
+ "target": Array [
+ "#navigation-55109f22-4440-499e-a04a-502d6ef57e8f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1765d973-15f8-48f9-bdcd-3118811ba01e\">",
+ "target": Array [
+ "#navigation-1765d973-15f8-48f9-bdcd-3118811ba01e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-8eb0a7cf-a09b-468d-9092-8b274f079636\">",
+ "target": Array [
+ "#navigation-8eb0a7cf-a09b-468d-9092-8b274f079636",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-ce2fb706-c622-4514-80ad-c6209153521b\">",
+ "target": Array [
+ "#navigation-ce2fb706-c622-4514-80ad-c6209153521b",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-92f96a6b-fc7b-442d-a9ed-e3012cb8aac2\">",
+ "target": Array [
+ "#navigation-92f96a6b-fc7b-442d-a9ed-e3012cb8aac2",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-446f653f-6dcb-4512-b95b-6fe45ffd582c\">",
+ "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-233f29f7-607b-4f56-84e6-3390a40e44fa\">",
+ "target": Array [
+ "#navigation-233f29f7-607b-4f56-84e6-3390a40e44fa",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-f7d13020-4501-42f1-9211-03ac9873a464\">",
+ "target": Array [
+ "#navigation-f7d13020-4501-42f1-9211-03ac9873a464",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-6b770871-2bf5-4d0c-863f-c10cfb224a17\">",
+ "target": Array [
+ "#navigation-6b770871-2bf5-4d0c-863f-c10cfb224a17",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-957f1d4b-edbe-4f78-8a61-9ed57a21fee3\">",
+ "target": Array [
+ "#navigation-957f1d4b-edbe-4f78-8a61-9ed57a21fee3",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-e5264688-83be-4034-ac93-80cf59da7689\">",
+ "target": Array [
+ "#navigation-e5264688-83be-4034-ac93-80cf59da7689",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-facc17ae-2ecd-4f2a-bab3-4e15bf18fd69\">",
+ "target": Array [
+ "#navigation-facc17ae-2ecd-4f2a-bab3-4e15bf18fd69",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-bea2546c-679f-401c-95ad-1fea24fb4207\">",
+ "target": Array [
+ "#navigation-bea2546c-679f-401c-95ad-1fea24fb4207",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-5b8e9c72-d449-4d71-b1c1-04ec28e8b190\">",
+ "target": Array [
+ "#navigation-5b8e9c72-d449-4d71-b1c1-04ec28e8b190",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-cb7d5298-98de-47e4-8912-fa1a8ba6cf71\">",
+ "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-3dadccf7-13b6-458c-948a-b08ae683de74\">",
+ "target": Array [
+ "#navigation-3dadccf7-13b6-458c-948a-b08ae683de74",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1ebf0aa7-a21f-4dcd-af07-508dea660ce6\">",
+ "target": Array [
+ "#navigation-1ebf0aa7-a21f-4dcd-af07-508dea660ce6",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-b0bae79e-98ab-4428-be21-cab6397d6ee3\">",
+ "target": Array [
+ "#navigation-b0bae79e-98ab-4428-be21-cab6397d6ee3",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-644bf2f1-a7bf-4431-907b-d381c8502771\">",
+ "target": Array [
+ "#navigation-644bf2f1-a7bf-4431-907b-d381c8502771",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a64ee3e2-1796-4fbe-b88b-5bf03b936db0\">",
+ "target": Array [
+ "#navigation-a64ee3e2-1796-4fbe-b88b-5bf03b936db0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4397a343-8b4f-468b-a903-8eb6e6e4ca9d\">",
+ "target": Array [
+ "#navigation-4397a343-8b4f-468b-a903-8eb6e6e4ca9d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-592a09bd-e877-40f6-94e1-dd08c0460990\">",
+ "target": Array [
+ "#navigation-592a09bd-e877-40f6-94e1-dd08c0460990",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-284169ad-0935-4b7c-adff-b727c70064cb\">",
+ "target": Array [
+ "#navigation-284169ad-0935-4b7c-adff-b727c70064cb",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-f23c7665-1d0c-4dad-8ebc-88ffcf771f0d\">",
+ "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-373cc48e-4093-45f9-88d8-53feef6a137f\">",
+ "target": Array [
+ "#navigation-373cc48e-4093-45f9-88d8-53feef6a137f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-8f44bb94-aca6-4dd7-8875-2808004a2652\">",
+ "target": Array [
+ "#navigation-8f44bb94-aca6-4dd7-8875-2808004a2652",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-6cac9437-8778-449c-be3f-0385995a2fba\">",
+ "target": Array [
+ "#navigation-6cac9437-8778-449c-be3f-0385995a2fba",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-11b37c92-ebd7-4ec1-9de3-e3e018425eee\">",
+ "target": Array [
+ "#navigation-11b37c92-ebd7-4ec1-9de3-e3e018425eee",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-0616878b-7628-49f8-9d31-1ba2101914cc\">",
+ "target": Array [
+ "#navigation-0616878b-7628-49f8-9d31-1ba2101914cc",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-2661739e-780f-4fa2-9746-b65e94524268\">",
+ "target": Array [
+ "#navigation-2661739e-780f-4fa2-9746-b65e94524268",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a0ab7ce3-83ef-40b9-a66f-ddd5667cc2d5\">",
+ "target": Array [
+ "#navigation-a0ab7ce3-83ef-40b9-a66f-ddd5667cc2d5",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-92f92e6e-e98e-4ae4-9596-2b3f1fa67550\">",
+ "target": Array [
+ "#navigation-92f92e6e-e98e-4ae4-9596-2b3f1fa67550",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-7b942e41-15d5-43dd-8ae9-9d76858fd7e4\">",
+ "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-5d921e13-c2a7-481c-8e06-4efdd47d05da\">",
+ "target": Array [
+ "#navigation-5d921e13-c2a7-481c-8e06-4efdd47d05da",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-65940f2b-7f85-4f67-98a3-10592afb6789\">",
+ "target": Array [
+ "#navigation-65940f2b-7f85-4f67-98a3-10592afb6789",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a6bb450a-d632-4375-b2b8-f22bb7fa1470\">",
+ "target": Array [
+ "#navigation-a6bb450a-d632-4375-b2b8-f22bb7fa1470",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-e5601ad4-d3bc-4521-b8c0-0959fe9eb5dd\">",
+ "target": Array [
+ "#navigation-e5601ad4-d3bc-4521-b8c0-0959fe9eb5dd",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a50ecf26-1968-417c-a780-c798df1d014d\">",
+ "target": Array [
+ "#navigation-a50ecf26-1968-417c-a780-c798df1d014d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-918fc1fb-459d-437d-a49c-75514314a03e\">",
+ "target": Array [
+ "#navigation-918fc1fb-459d-437d-a49c-75514314a03e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-2f414d63-7146-412f-8918-068d59f5b3c7\">",
+ "target": Array [
+ "#navigation-2f414d63-7146-412f-8918-068d59f5b3c7",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-824bc5d7-e294-4e94-956f-f80f0ef596cc\">",
+ "target": Array [
+ "#navigation-824bc5d7-e294-4e94-956f-f80f0ef596cc",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-2ecfe494-ddb0-4453-9ff1-b5d4ad0f3182\">",
+ "impact": "
|
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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - react:3/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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L31
2) [webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ───────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 47
- Array []
+ Array [
+ Object {
+ "description": "Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
+ "help": "Interactive controls must not be nested",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=playwright",
+ "id": "nested-interactive",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "no-focusable-content",
+ "impact": "serious",
+ "message": "Element has focusable descendants",
+ "relatedNodes": Array [
+ Object {
+ "html": "<a href=\"#/\">Home</a>",
+ "target": Array [
+ "a[href=\"#/\"]",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has focusable descendants",
+ "html": "<button class=\"db-navigation-item-expand-button\" aria-haspopup=\"false\" aria-expanded=\"false\"><a href=\"#/\">Home</a></button>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ":root",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag412",
+ "TTv5",
+ "TT6.a",
+ "EN-301-549",
+ "EN-9.4.1.2",
+ ],
+ },
+ ]
29 | .analyze();
30 |
> 31 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
32 | });
33 | });
34 |
at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:31:47
|
[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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
[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-a5af5db5-27e6-4e79-bf1e-dce7a0b79523\">",
+ "target": Array [
+ "#navigation-a5af5db5-27e6-4e79-bf1e-dce7a0b79523",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-c8aaa33e-31b7-41d1-9bfd-564c45e6e816\">",
+ "target": Array [
+ "#navigation-c8aaa33e-31b7-41d1-9bfd-564c45e6e816",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-b8d87331-163d-48a9-8421-ef604d34f80d\">",
+ "target": Array [
+ "#navigation-b8d87331-163d-48a9-8421-ef604d34f80d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-cf582ecf-8852-4f20-84c4-df554137c2b0\">",
+ "target": Array [
+ "#navigation-cf582ecf-8852-4f20-84c4-df554137c2b0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-ab506c2b-8112-4f75-b7c9-99678b252dae\">",
+ "target": Array [
+ "#navigation-ab506c2b-8112-4f75-b7c9-99678b252dae",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-089e8375-a401-429a-8876-d4ee46da1133\">",
+ "target": Array [
+ "#navigation-089e8375-a401-429a-8876-d4ee46da1133",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-dc74ca85-53a0-4587-a46a-fc66beb16b9d\">",
+ "target": Array [
+ "#navigation-dc74ca85-53a0-4587-a46a-fc66beb16b9d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-853bf1e6-7818-43f3-82ed-7bfd241be3f7\">",
+ "target": Array [
+ "#navigation-853bf1e6-7818-43f3-82ed-7bfd241be3f7",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-d5de12a7-36ae-40dd-b135-38ecb52d80ec\">",
+ "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-05724d9c-474f-47e7-8aba-1f72bb2e967f\">",
+ "target": Array [
+ "#navigation-05724d9c-474f-47e7-8aba-1f72bb2e967f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7145eb31-db73-4c31-8646-824dc58ebf8e\">",
+ "target": Array [
+ "#navigation-7145eb31-db73-4c31-8646-824dc58ebf8e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-36c089aa-d40f-497c-9ce0-c8f1f542b88c\">",
+ "target": Array [
+ "#navigation-36c089aa-d40f-497c-9ce0-c8f1f542b88c",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7dd0b7d4-b1e8-4007-b34e-1cb0dcab8514\">",
+ "target": Array [
+ "#navigation-7dd0b7d4-b1e8-4007-b34e-1cb0dcab8514",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-4152cf1c-9232-4488-a3d5-8b46dfe404b8\">",
+ "target": Array [
+ "#navigation-4152cf1c-9232-4488-a3d5-8b46dfe404b8",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-8d9fe4d9-f2e2-46f8-9931-6555e6a9b086\">",
+ "target": Array [
+ "#navigation-8d9fe4d9-f2e2-46f8-9931-6555e6a9b086",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-b12dd884-baee-483c-83fd-b832a76b2b2d\">",
+ "target": Array [
+ "#navigation-b12dd884-baee-483c-83fd-b832a76b2b2d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-0d551744-4fe7-4357-b271-d538755c8068\">",
+ "target": Array [
+ "#navigation-0d551744-4fe7-4357-b271-d538755c8068",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-b7713e00-e0bc-4abe-8ab6-6ed7ac5d29b4\">",
+ "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-d505b2bb-36ce-4ab0-9df8-8d4485e96b09\">",
+ "target": Array [
+ "#navigation-d505b2bb-36ce-4ab0-9df8-8d4485e96b09",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-350ff93f-c18e-4dda-9b42-674ec57801b8\">",
+ "target": Array [
+ "#navigation-350ff93f-c18e-4dda-9b42-674ec57801b8",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-111a65e4-3361-4905-96cc-3b47d2bafcd2\">",
+ "target": Array [
+ "#navigation-111a65e4-3361-4905-96cc-3b47d2bafcd2",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1da8a73b-863c-4b93-96c6-5ac53ac65836\">",
+ "target": Array [
+ "#navigation-1da8a73b-863c-4b93-96c6-5ac53ac65836",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1807d611-a90a-438c-9e18-7901ee33fe5e\">",
+ "target": Array [
+ "#navigation-1807d611-a90a-438c-9e18-7901ee33fe5e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-fcaf6fd7-8728-45bb-9d07-4429bc7d5b3c\">",
+ "target": Array [
+ "#navigation-fcaf6fd7-8728-45bb-9d07-4429bc7d5b3c",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-9bddbd01-2fd5-4ff9-8d5b-2e5a8c5a1a6a\">",
+ "target": Array [
+ "#navigation-9bddbd01-2fd5-4ff9-8d5b-2e5a8c5a1a6a",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7cc3771e-9e9d-4aba-bf2c-e345e7b9b4c7\">",
+ "target": Array [
+ "#navigation-7cc3771e-9e9d-4aba-bf2c-e345e7b9b4c7",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-18f2f169-58f4-415d-8059-8fae73facfc6\">",
+ "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-10789078-857b-4fb9-854d-a0cb6c549b8d\">",
+ "target": Array [
+ "#navigation-10789078-857b-4fb9-854d-a0cb6c549b8d",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-63675286-88a5-4605-b65a-5f07f2cf45a6\">",
+ "target": Array [
+ "#navigation-63675286-88a5-4605-b65a-5f07f2cf45a6",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1be4b0e4-3419-4868-89cb-aa468305542e\">",
+ "target": Array [
+ "#navigation-1be4b0e4-3419-4868-89cb-aa468305542e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-908b1684-07f0-4157-95db-9cd69545a6d0\">",
+ "target": Array [
+ "#navigation-908b1684-07f0-4157-95db-9cd69545a6d0",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-8c6fd84c-3be2-4ea0-a262-fb79ff6e1937\">",
+ "target": Array [
+ "#navigation-8c6fd84c-3be2-4ea0-a262-fb79ff6e1937",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-bc606491-669c-47bd-8273-45cc8be45c56\">",
+ "target": Array [
+ "#navigation-bc606491-669c-47bd-8273-45cc8be45c56",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-a919ffbe-e8fb-4df5-a617-995f259ad2d2\">",
+ "target": Array [
+ "#navigation-a919ffbe-e8fb-4df5-a617-995f259ad2d2",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-e252089b-362a-4f21-8076-bcb1cdfcbd17\">",
+ "target": Array [
+ "#navigation-e252089b-362a-4f21-8076-bcb1cdfcbd17",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-4f2d940f-3741-49ad-a75a-de1eb2a58968\">",
+ "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-ce4a8c3d-7e24-44b7-b924-34b1efc9f2db\">",
+ "target": Array [
+ "#navigation-ce4a8c3d-7e24-44b7-b924-34b1efc9f2db",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-850b4e42-9a8e-4e00-9dc8-69af3570db5f\">",
+ "target": Array [
+ "#navigation-850b4e42-9a8e-4e00-9dc8-69af3570db5f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-638c0bf9-b7ff-49df-a312-aac59d0668ed\">",
+ "target": Array [
+ "#navigation-638c0bf9-b7ff-49df-a312-aac59d0668ed",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-34e09b18-8441-4b93-85b1-9d01e30a47eb\">",
+ "target": Array [
+ "#navigation-34e09b18-8441-4b93-85b1-9d01e30a47eb",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-00bed60f-6019-4b31-801e-7747fea170db\">",
+ "target": Array [
+ "#navigation-00bed60f-6019-4b31-801e-7747fea170db",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1a1c9674-c858-416c-82b6-bc850f417c5f\">",
+ "target": Array [
+ "#navigation-1a1c9674-c858-416c-82b6-bc850f417c5f",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-194501e0-2dc4-4c34-99a1-9ed2cd4d4fb4\">",
+ "target": Array [
+ "#navigation-194501e0-2dc4-4c34-99a1-9ed2cd4d4fb4",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-1636f913-9c9f-4a56-9f16-e92021062294\">",
+ "target": Array [
+ "#navigation-1636f913-9c9f-4a56-9f16-e92021062294",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-25b49745-da54-4774-8c18-8edc4c041567\">",
+ "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-4be4cb34-792e-4103-aaf4-1f3fc53d84d5\">",
+ "target": Array [
+ "#navigation-4be4cb34-792e-4103-aaf4-1f3fc53d84d5",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7f27a4d4-e477-4e0c-acd9-5cf834f907dd\">",
+ "target": Array [
+ "#navigation-7f27a4d4-e477-4e0c-acd9-5cf834f907dd",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-788d74af-aed8-452e-9c55-e9dc244ca824\">",
+ "target": Array [
+ "#navigation-788d74af-aed8-452e-9c55-e9dc244ca824",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-5bb9949f-05d2-4ccb-b34b-5d56a1a8503a\">",
+ "target": Array [
+ "#navigation-5bb9949f-05d2-4ccb-b34b-5d56a1a8503a",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-17f54efa-1bfb-486d-abf1-442f2fba610a\">",
+ "target": Array [
+ "#navigation-17f54efa-1bfb-486d-abf1-442f2fba610a",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-5a631e13-f183-4bb1-ab9c-5a11b203420e\">",
+ "target": Array [
+ "#navigation-5a631e13-f183-4bb1-ab9c-5a11b203420e",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-79230d01-87d8-4863-8c2f-c30787533afd\">",
+ "target": Array [
+ "#navigation-79230d01-87d8-4863-8c2f-c30787533afd",
+ ],
+ },
+ Object {
+ "html": "<nav class=\"db-navigation\" id=\"navigation-7c6c5d5e-a138-4651-b259-2cc7d6038e85\">",
+ "target": Array [
+ "#navigation-7c6c5d5e-a138-4651-b259-2cc7d6038e85",
+ ],
+ },
+ ],
+ },
+ ],
+ "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-3430b83c-3c16-448f-b710-f869abb57dcb\">",
+ "impact": "m
|
test-showcases / 🧪🎭 - angular:3/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: A snapshot doesn't exist at /__w/mono/mono/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png, writing actual.
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:3
|
test-showcases / 🧪🎭 - vue: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
2 failed
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────
108 passed (1.8m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────
109 passed (1.9m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:52:2 › DBHeader › should match screenshot ──────────────────────────────
109 passed (1.9m)
|
🎭 Playwright Run Summary
2 failed
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────
7 skipped
101 passed (1.9m)
|
🎭 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.1m)
|
🎭 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.4m)
|
🎭 Playwright Run Summary
1 failed
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────
7 skipped
102 passed (2.3m)
|
🎭 Playwright Run Summary
2 failed
[mobile_chrome] › default.ts:52:2 › DBBrand › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────
108 passed (1.7m)
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:52:2 › DBHeader › should match screenshot ───────────────────────────────
109 passed (2.5m)
|
🎭 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 (2.9m)
|
🎭 Playwright Run Summary
1 failed
[mobile_safari] › default.ts:52:2 › DBHeader › should match screenshot ─────────────────────────
109 passed (2.2m)
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────────
1 flaky
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────────────
108 passed (2.9m)
|
🎭 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.2m)
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:52:2 › DBHeader › should match screenshot ────────────────────────────────
109 passed (2.8m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
__snapshots__
Expired
|
10.5 MB |
|
angular-showcase-playwright-results-1
Expired
|
4.17 MB |
|
angular-showcase-playwright-results-2
Expired
|
4.41 MB |
|
angular-showcase-playwright-results-3
Expired
|
4.93 MB |
|
angular-showcase-playwright-results-4
Expired
|
518 KB |
|
angular-showcase-playwright-results-5
Expired
|
41.5 KB |
|
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 |
|
react-showcase-playwright-results-1
Expired
|
99.4 KB |
|
react-showcase-playwright-results-2
Expired
|
149 KB |
|
react-showcase-playwright-results-3
Expired
|
1.84 MB |
|
react-showcase-playwright-results-4
Expired
|
497 KB |
|
react-showcase-playwright-results-5
Expired
|
41.5 KB |
|
vue-showcase-playwright-results-1
Expired
|
105 KB |
|
vue-showcase-playwright-results-2
Expired
|
152 KB |
|
vue-showcase-playwright-results-3
Expired
|
108 KB |
|
vue-showcase-playwright-results-4
Expired
|
496 KB |
|
vue-showcase-playwright-results-5
Expired
|
45.4 KB |
|