test: add a11y tests to showcases #11342
Annotations
5 errors and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
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
|
🔣 Print GitHub Report:
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\
|
🔣 Print GitHub Report:
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"
|
🔣 Print GitHub Report:
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"
|
🔣 Print GitHub Report
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)
|
Loading