Playwright #705
Annotations
6 errors, 2 warnings, and 1 notice
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:363:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 124
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 3.9,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#767879",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.9 (foreground color: #767879, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.9 (foreground color: #767879, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<li>link a</li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(1)",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 3.9,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#767879",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.9 (foreground color: #767879, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.9 (foreground color: #767879, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<li>link b</li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(2)",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 3.9,
|
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:363:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 124
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.09,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#e3e7e8",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.09 (foreground color: #e3e7e8, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.09 (foreground color: #e3e7e8, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<li>link a</li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(1)",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.09,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#e3e7e8",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.09 (foreground color: #e3e7e8, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.09 (foreground color: #e3e7e8, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<li>link b</li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(2)",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+
|
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:363:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 159
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.44,
+ "expectedContrastRatio": "3:1",
+ "fgColor": "#c7cacb",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.44 (foreground color: #c7cacb, background color: #edf1f2, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.44 (foreground color: #c7cacb, background color: #edf1f2, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1",
+ "html": "<h2 text-decoration=\"none\" color=\"blackOpacity90\" class=\"sc-kkGfuU haawG\">Drawer title</h2>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "h2",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#c7cacb",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.44 (foreground color: #c7cacb, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"sc-eNQAEJ cakBln closed closing\">",
+ "target": Array [
+ ".sc-eNQAEJ",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.44 (foreground color: #c7cacb, background color: #edf1f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<li>link a</li>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(1)",
+ ],
+ },
+ Object {
+ "all": Array [],
+
|
src/components/batch-selection/batch-selection.pw.tsx#L50
2) [chromium] › src/components/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component white colorTheme and it uses rgb(255, 255, 255) as a background color
Error: locator.getAttribute: Context was reset for reuse.
=========================== logs ===========================
waiting for locator('[data-component="batch-selection"]')
============================================================
48 | await mount(<BatchSelectionComponent disabled />);
49 | const batchSelection = batchSelectionComponent(page);
> 50 | await expect(batchSelection.getAttribute("disabled")).not.toBeNull();
| ^
51 | });
52 |
53 | ([
at /__w/carbon/carbon/src/components/batch-selection/batch-selection.pw.tsx:50:33
|
src/components/batch-selection/batch-selection.pw.tsx#L42
3) [chromium] › src/components/batch-selection/batch-selection.pw.tsx:86:9 › check BatchSelection buttons are focused › should check BatchSelection second button has expected styling when focusRedesignOptOut is true
Error: locator.getAttribute: Context was reset for reuse.
=========================== logs ===========================
waiting for locator('[data-component="batch-selection"]')
============================================================
40 | await mount(<BatchSelectionComponent hidden />);
41 | const batchSelection = batchSelectionComponent(page);
> 42 | await expect(batchSelection.getAttribute("hidden")).not.toBeNull();
| ^
43 |
44 | await expect(batchSelection).toHaveCSS("opacity", "0");
45 | });
at /__w/carbon/carbon/src/components/batch-selection/batch-selection.pw.tsx:42:33
|
|
|
|
1 failed
[chromium] › src/components/drawer/drawer.pw.tsx:363:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s
2 flaky
[chromium] › src/components/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component white colorTheme and it uses rgb(255, 255, 255) as a background color
[chromium] › src/components/batch-selection/batch-selection.pw.tsx:86:9 › check BatchSelection buttons are focused › should check BatchSelection second button has expected styling when focusRedesignOptOut is true
2 skipped
1452 passed (14.2m)
|
The logs for this run have expired and are no longer available.
Loading