Playwright #799
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
Annotations
6 errors, 2 warnings, and 1 notice
[chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:37:7 › when focused › should have the expected styling when the focusRedesignOptOut is true:
src/components/advanced-color-picker/advanced-color-picker.pw.tsx#L49
1) [chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:37:7 › when focused › should have the expected styling when the focusRedesignOptOut is true
Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected)
Expected string: "rgb(255, 188, 25) 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"
47 | const icon = closeIconButton(page);
48 | await icon.focus();
> 49 | await expect(closeIconButton(page)).toHaveCSS(
| ^
50 | "outline",
51 | "rgb(255, 188, 25) solid 3px"
52 | );
at /__w/carbon/carbon/src/components/advanced-color-picker/advanced-color-picker.pw.tsx:49:41
|
[chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:37:7 › when focused › should have the expected styling when the focusRedesignOptOut is true:
src/components/advanced-color-picker/advanced-color-picker.pw.tsx#L49
1) [chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:37:7 › when focused › should have the expected styling when the focusRedesignOptOut is true
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected)
Expected string: "rgb(255, 188, 25) 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"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "rgb(0, 0, 0) none 0px"
47 | const icon = closeIconButton(page);
48 | await icon.focus();
> 49 | await expect(closeIconButton(page)).toHaveCSS(
| ^
50 | "outline",
51 | "rgb(255, 188, 25) solid 3px"
52 | );
at /__w/carbon/carbon/src/components/advanced-color-picker/advanced-color-picker.pw.tsx:49:41
|
[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:
src/components/batch-selection/batch-selection.pw.tsx#L42
2) [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
|
[chromium] › src/components/dialog/dialog.pw.tsx:289:7 › Testing Dialog component properties › when shift tabbing through Dialog content:
src/components/dialog/dialog.pw.tsx#L302
3) [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"
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
|
[chromium] › src/components/dialog/dialog.pw.tsx:337:7 › Testing Dialog component properties › when shift tabbing through Dialog content:
src/components/dialog/dialog.pw.tsx#L350
4) [chromium] › src/components/dialog/dialog.pw.tsx:337:7 › Testing Dialog component properties › when shift tabbing through Dialog content, background should not scroll to the bottom of the page
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"
348 | await textbox.press("Shift+Tab");
349 |
> 350 | await expect(closeButton).toBeFocused();
| ^
351 | await expect(
352 | page.getByText("I should not be scrolled into view")
353 | ).not.toBeInViewport();
at /__w/carbon/carbon/src/components/dialog/dialog.pw.tsx:350:31
|
[chromium] › src/components/dialog-full-screen/dialog-full-screen.pw.tsx:200:7 › render DialogFullScreen component and check properties › should always place focus on the inner dialog when tabbing with nested dialogs after focus is lost:
src/components/dialog-full-screen/dialog-full-screen.pw.tsx#L220
5) [chromium] › src/components/dialog-full-screen/dialog-full-screen.pw.tsx:200:7 › render DialogFullScreen component and check properties › should always place focus on the inner dialog when tabbing with nested dialogs after focus is lost
Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected)
Expected string: "rgb(255, 188, 25) 0px 0px 0px 3px, rgba(0, 0, 0, 0.9) 0px 0px 0px 6px"
Received string: "none"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('[data-element="close"]').nth(2)
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
- locator resolved to <button type="button" aria-label="Close" data-element="c…>…</button>
- unexpected value "none"
218 | await page.keyboard.press("Tab");
219 | const closeIcon = getDataElementByValue(page, "close").nth(2);
> 220 | await expect(closeIcon).toHaveCSS(
| ^
221 | "box-shadow",
222 | "rgb(255, 188, 25) 0px 0px 0px 3px, rgba(0, 0, 0, 0.9) 0px 0px 0px 6px"
223 | );
at /__w/carbon/carbon/src/components/dialog-full-screen/dialog-full-screen.pw.tsx:220:29
|
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
5 flaky
[chromium] › src/components/advanced-color-picker/advanced-color-picker.pw.tsx:37:7 › when focused › should have the expected styling when the focusRedesignOptOut is true
[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
[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/dialog/dialog.pw.tsx:337:7 › Testing Dialog component properties › when shift tabbing through Dialog content, background should not scroll to the bottom of the page
[chromium] › src/components/dialog-full-screen/dialog-full-screen.pw.tsx:200:7 › render DialogFullScreen component and check properties › should always place focus on the inner dialog when tabbing with nested dialogs after focus is lost
3 skipped
2160 passed (22.2m)
|