Playwright #789
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
Annotations
5 errors, 2 warnings, and 1 notice
[chromium] › src/components/drawer/drawer.pw.tsx:356:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s:
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:356: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 + 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": 2.51,
+ "expectedContrastRatio": "3:1",
+ "fgColor": "#97999a",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.51 (foreground color: #97999a, 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 2.51 (foreground color: #97999a, 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 kVSede\">Drawer title</h2>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "h2",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 2.51,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#97999a",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.51 (foreground color: #97999a, 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 2.51 (foreground color: #97999a, 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 {
+
|
[chromium] › src/components/drawer/drawer.pw.tsx:356:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s:
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:356: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 + 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.21,
+ "expectedContrastRatio": "3:1",
+ "fgColor": "#d8dcdd",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.21 (foreground color: #d8dcdd, 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.21 (foreground color: #d8dcdd, 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 kVSede\">Drawer title</h2>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "h2",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.21,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#d8dcdd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.21 (foreground color: #d8dcdd, 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.21 (foreground color: #d8dcdd, 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 [],
+
|
[chromium] › src/components/drawer/drawer.pw.tsx:356:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s:
playwright/support/helper.ts#L55
1) [chromium] › src/components/drawer/drawer.pw.tsx:356: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.25,
+ "expectedContrastRatio": "3:1",
+ "fgColor": "#d5d9da",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.25 (foreground color: #d5d9da, 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.25 (foreground color: #d5d9da, 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 kVSede\">Drawer title</h2>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "h2",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#edf1f2",
+ "contrastRatio": 1.25,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#d5d9da",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.25 (foreground color: #d5d9da, 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.25 (foreground color: #d5d9da, 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 [],
+
|
[chromium] › src/components/dialog/dialog.pw.tsx:261:7 › Testing Dialog component properties › when tabbing through Dialog content:
src/components/dialog/dialog.pw.tsx#L274
2) [chromium] › src/components/dialog/dialog.pw.tsx:261:7 › Testing Dialog component properties › when tabbing through Dialog content, focus should remain trapped inside the Dialog
Error: Timed out 5000ms waiting for expect(received).toBeFocused()
Call log:
- expect.toBeFocused with timeout 5000ms
- waiting for getByLabel('Close')
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "not focused"
272 |
273 | await dialog.press("Tab");
> 274 | await expect(closeButton).toBeFocused();
| ^
275 |
276 | await closeButton.press("Tab");
277 | await expect(firstTextbox).toBeFocused();
at /__w/carbon/carbon/src/components/dialog/dialog.pw.tsx:274:31
|
playwright-react (chromium, 1, 1)
Process completed with exit code 1.
|
playwright-react (chromium, 1, 1)
Unexpected input(s) 'owner', 'repo', 'pull_number', valid inputs are ['route', 'mediaType']
|
playwright-react (chromium, 1, 1)
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.
|
🎭 Playwright Run Summary
1 failed
[chromium] › src/components/drawer/drawer.pw.tsx:356:9 › Accessibility tests for Drawer component › should pass accessibility tests when animation time is set to 3s
1 flaky
[chromium] › src/components/dialog/dialog.pw.tsx:261:7 › Testing Dialog component properties › when tabbing through Dialog content, focus should remain trapped inside the Dialog
2 skipped
2246 passed (20.8m)
|