Playwright #781
Annotations
3 errors, 2 warnings, and 1 notice
src/components/advanced-color-picker/advanced-color-picker.pw.tsx#L31
1) [chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:19:7 › when focused › should have the expected styling when the focusRedesignOptOut is false
Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected)
Expected string: "rgba(0, 0, 0, 0) solid 3px"
Received string: "rgb(0, 0, 0) none 0px"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('button[data-element="close"]')
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
29 | "rgb(255, 188, 25) 0px 0px 0px 3px, rgba(0, 0, 0, 0.9) 0px 0px 0px 6px"
30 | );
> 31 | await expect(closeIconButton(page)).toHaveCSS(
| ^
32 | "outline",
33 | "rgba(0, 0, 0, 0) solid 3px"
34 | );
at /__w/carbon/carbon/src/components/advanced-color-picker/advanced-color-picker.pw.tsx:31:41
|
src/components/dialog/dialog.pw.tsx#L302
2) [chromium] › src/components/dialog/dialog.pw.tsx:289:7 › Testing Dialog component properties › when shift 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('Textbox3')
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
- locator resolved to <input type="text" value="Textbox3" aria-invalid="false…/>
- unexpected value "not focused"
300 |
301 | await dialog.press("Shift+Tab");
> 302 | await expect(thirdTextbox).toBeFocused();
| ^
303 |
304 | await thirdTextbox.press("Shift+Tab");
305 | await expect(secondTextbox).toBeFocused();
at /__w/carbon/carbon/src/components/dialog/dialog.pw.tsx:302:32
|
playwright/support/helper.ts#L55
3) [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 + 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": 4.38,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#6e7070",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #6e7070, 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 4.38 (foreground color: #6e7070, 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": 4.38,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#6e7070",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #6e7070, 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 4.38 (foreground color: #6e7070, 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 flaky
[chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:19:7 › when focused › should have the expected styling when the focusRedesignOptOut is false
[chromium] › src/components/dialog/dialog.pw.tsx:289:7 › Testing Dialog component properties › when shift tabbing through Dialog content, focus should remain trapped inside the Dialog
[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
3 skipped
2162 passed (21.3m)
|
The logs for this run have expired and are no longer available.
Loading