1) color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations ───────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 170 - Array [] + Array [ + Object { + "description": "Ensures buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-scope=\"color-picker\" data-part=\"trigger\" id=\"color-picker::R6m::trigger\" dir=\"ltr\" type=\"button\" style=\"position:relative\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "#color-picker\\:\\:R6m\\:\\:trigger", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT", + ], + }, + Object { + "description": "Ensures every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Form element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, +

1) color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 170 - Array [] + Array [ + Object { + "description": "Ensures buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-scope=\"color-picker\" data-part=\"trigger\" id=\"color-picker::R6m::trigger\" dir=\"ltr\" type=\"button\" style=\"position:relative\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "#color-picker\\:\\:R6m\\:\\:trigger", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT", + ], + }, + Object { + "description": "Ensures every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Form element does not have

1) color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations ───────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 170 - Array [] + Array [ + Object { + "description": "Ensures buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-scope=\"color-picker\" data-part=\"trigger\" id=\"color-picker::R6m::trigger\" dir=\"ltr\" type=\"button\" style=\"position:relative\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "#color-picker\\:\\:R6m\\:\\:trigger", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT", + ], + }, + Object { + "description": "Ensures every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Form element does not have

Process completed with exit code 1.

color-picker.e2e.ts took 28.0s

accordion.e2e.ts took 21.6s