refactor: color picker machine #2361
segunadebayoAnnotations
4 errors, 16 warnings, and 12 notices
|
color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations:
e2e/__utils.ts#L7
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 [],
+ },
+
|
|
color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations:
e2e/__utils.ts#L7
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
|
|
color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations:
e2e/__utils.ts#L7
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
|
|
End-to-end Tests (1)
Process completed with exit code 1.
|
|
Slow Test:
number-input.e2e.ts#L1
number-input.e2e.ts took 20.5s
|
|
Slow Test:
slider.e2e.ts#L1
slider.e2e.ts took 16.5s
|
|
Slow Test:
tags-input.e2e.ts#L1
tags-input.e2e.ts took 17.7s
|
|
Slow Test:
nested-menu.e2e.ts#L1
nested-menu.e2e.ts took 25.9s
|
|
Slow Test:
combobox.e2e.ts#L1
combobox.e2e.ts took 37.0s
|
|
Slow Test:
radio-group.e2e.ts#L1
radio-group.e2e.ts took 19.1s
|
|
Slow Test:
tooltip.e2e.ts#L1
tooltip.e2e.ts took 15.7s
|
|
Slow Test:
hover-card.e2e.ts#L1
hover-card.e2e.ts took 25.1s
|
|
Slow Test:
dialog.e2e.ts#L1
dialog.e2e.ts took 20.3s
|
|
Slow Test:
date-picker.e2e.ts#L1
date-picker.e2e.ts took 46.0s
|
|
Slow Test:
popover.e2e.ts#L1
popover.e2e.ts took 22.2s
|
|
Slow Test:
pagination.e2e.ts#L1
pagination.e2e.ts took 18.2s
|
|
Slow Test:
pin-input.e2e.ts#L1
pin-input.e2e.ts took 17.2s
|
|
Slow Test:
color-picker.e2e.ts#L1
color-picker.e2e.ts took 28.0s
|
|
Slow Test:
accordion.e2e.ts#L1
accordion.e2e.ts took 21.6s
|
|
Slow Test:
select.e2e.ts#L1
select.e2e.ts took 1.2m
|
|
🎭 Playwright Run Summary
2 skipped
10 passed (32.4s)
|
|
🎭 Playwright Run Summary
7 passed (29.2s)
|
|
🎭 Playwright Run Summary
23 passed (53.5s)
|
|
🎭 Playwright Run Summary
18 passed (47.3s)
|
|
🎭 Playwright Run Summary
18 passed (50.4s)
|
|
🎭 Playwright Run Summary
10 passed (31.5s)
|
|
🎭 Playwright Run Summary
11 passed (42.5s)
|
|
🎭 Playwright Run Summary
28 passed (1.1m)
|
|
🎭 Playwright Run Summary
12 passed (1.1m)
|
|
🎭 Playwright Run Summary
27 passed (1.2m)
|
|
🎭 Playwright Run Summary
1 failed
color-picker.e2e.ts:15:7 › color-picker › should have no accessibility violations ──────────────
27 passed (1.4m)
|
|
🎭 Playwright Run Summary
1 skipped
34 passed (1.7m)
|