test: add a11y tests to showcases #11342
default.yml
on: pull_request
init
/
Init
1m 4s
scan-secrets
/
TruffleHog
41s
get-playwright-version
/
Get and save publish version
19s
lint
/
Lint
38s
Matrix: test-components / playwright-ct
Matrix: test-showcases / playwright-showcases
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots
5m 57s
deploy
/
Deploy
Annotations
25 errors, 2 warnings, and 4 notices
test-showcases / 🧪🎭 - angular:1/4
Process completed with exit code 1.
|
[chromium] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [chromium] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ─────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-b646e658-cc7d-4dd4-9dab-31cff2ff5be8 > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array
|
[chromium] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [chromium] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-680a6784-743d-4bf4-8fcd-ada754d6be2d > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\
|
[chromium] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [chromium] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ─────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious"
|
[chromium] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [chromium] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ─────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item"
|
[mobile_safari] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [mobile_safari] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 53
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ ]
23 | .analyze();
24 |
> 25 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
26 | });
27 | });
28 |
at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:25:47
|
[mobile_safari] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [mobile_safari] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 53
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ ]
23 | .analyze();
24 |
> 25 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
26 | });
27 | });
28 |
at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:25:47
|
[mobile_safari] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [mobile_safari] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious"
|
[mobile_safari] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [mobile_safari] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item"
|
test-showcases / 🧪🎭 - angular:4/4
Process completed with exit code 1.
|
[webkit] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
1) [webkit] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ───────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious"
|
[webkit] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
1) [webkit] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ───────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item"
|
[mobile_chrome] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
2) [mobile_chrome] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 53
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ ]
23 | .analyze();
24 |
> 25 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
26 | });
27 | });
28 |
at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:25:47
|
[mobile_chrome] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
2) [mobile_chrome] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 53
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ ]
23 | .analyze();
24 |
> 25 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
26 | });
27 | });
28 |
at /__w/mono/mono/showcases/e2e/home/showcase-home.spec.ts:25:47
|
[mobile_chrome] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
3) [mobile_chrome] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious"
|
[mobile_chrome] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
3) [mobile_chrome] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item"
|
test-showcases / 🧪🎭 - angular:3/4
Process completed with exit code 1.
|
test-showcases / 🧪🎭 - angular:2/4
Process completed with exit code 1.
|
[firefox] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [firefox] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ──────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-f965f29c-a054-40d7-b769-80a683e0c422 > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array
|
[firefox] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
1) [firefox] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-e63d9cee-1fd4-45aa-8d4b-82709c299a7b > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\
|
[firefox] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [firefox] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ──────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious"
|
[firefox] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues:
showcases/e2e/default.ts#L89
2) [firefox] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ──────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 622
- Array []
+ Array [
+ Object {
+ "description": "Ensures that lists are structured correctly",
+ "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/list?application=playwright",
+ "id": "list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Functional</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-functional > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-functional > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item",
+ },
+ "id": "only-listitems",
+ "impact": "serious",
+ "message": "List element has direct children that are not allowed: db-navigation-item",
+ "relatedNodes": Array [
+ Object {
+ "html": "<db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">(Default) Regular</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item>",
+ "target": Array [
+ ".db-density-regular > ul > db-navigation-item",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ ".db-density-regular > ul",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ List element has direct children that are not allowed: db-navigation-item",
+ "html": "<ul><db-navigation-item><li class=\"db-navigation-item\"><!----><a href=\"#\">Expressive</a><!----><!----><!----><!----><!----><!----></li></db-navigation-item></ul>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "db-navigation-item"
|
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
3) [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 + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-c9c79bea-9e9f-4b0c-8ca9-a236b7441d90 > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array
|
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues:
showcases/e2e/home/showcase-home.spec.ts#L25
3) [webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ───────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 209
- Array []
+ Array [
+ Object {
+ "description": "Ensures <dl> elements are structured correctly",
+ "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/definition-list?application=playwright",
+ "id": "definition-list",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ dl element has direct children that are not allowed: br, dbtabs",
+ "html": "<dl>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": Object {
+ "values": "br, dbtabs",
+ },
+ "id": "only-dlitems",
+ "impact": "serious",
+ "message": "dl element has direct children that are not allowed: br, dbtabs",
+ "relatedNodes": Array [
+ Object {
+ "html": "<br>",
+ "target": Array [
+ "br",
+ ],
+ },
+ Object {
+ "html": "<dbtabs orientation=\"vertical\">",
+ "target": Array [
+ "dbtabs",
+ ],
+ },
+ ],
+ },
+ ],
+ "target": Array [
+ "dl",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.structure",
+ "wcag2a",
+ "wcag131",
+ "EN-301-549",
+ "EN-9.1.3.1",
+ ],
+ },
+ Object {
+ "description": "Ensures <li> elements are used semantically",
+ "help": "<li> elements must be contained in a <ul> or <ol>",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/listitem?application=playwright",
+ "id": "listitem",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\"><a ariacurrentwhenactive=\"page\" routerlinkactive=\"active\" queryparamshandling=\"merge\" href=\"#/\" class=\"active\" aria-current=\"page\"> Home </a><!----><!----><!----><!----><!----><!----><!----></li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#navigation-469137b7-47e3-4f59-bfa3-e7fd57fbf686 > menu > app-nav-item:nth-child(1) > db-navigation-item > .db-navigation-item",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "listitem",
+ "impact": "serious",
+ "message": "List item does not have a <ul>, <ol> parent element",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ List item does not have a <ul>, <ol> parent element",
+ "html": "<li class=\"db-navigation-item\
|
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
[chromium] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ──────────
[chromium] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ──────────────
41 passed (51.1s)
|
🎭 Playwright Run Summary
2 failed
[mobile_safari] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ─────
[mobile_safari] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ─────────
40 passed (57.3s)
|
🎭 Playwright Run Summary
3 failed
[webkit] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ────────────────
[mobile_chrome] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ─────
[mobile_chrome] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ─────────
39 passed (58.4s)
|
🎭 Playwright Run Summary
3 failed
[firefox] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ───────────
[firefox] › default.ts:80:4 › DBNavigationItem › should not have any A11y issues ───────────────
[webkit] › home/showcase-home.spec.ts:11:2 › Home › should not have any A11y issues ────────────
40 passed (1.3m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
__snapshots__
Expired
|
6.45 MB |
|
angular-showcase-playwright-results-1
Expired
|
2.85 MB |
|
angular-showcase-playwright-results-2
Expired
|
5.38 MB |
|
angular-showcase-playwright-results-3
Expired
|
4.26 MB |
|
angular-showcase-playwright-results-4
Expired
|
3.54 MB |
|
db-ui-components-build
Expired
|
319 KB |
|
db-ui-foundations-build
Expired
|
87.2 KB |
|
db-ui-output
Expired
|
338 KB |
|
db-ui-outputs
Expired
|
4.98 MB |
|
db-ui-showcases
Expired
|
9.84 MB |
|