Playwright #737
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
Annotations
4 errors, 2 warnings, and 1 notice
[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:
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
|
[chromium] › src/components/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component transparent colorTheme and it uses as a background color:
src/components/batch-selection/batch-selection.pw.tsx#L42
2) [chromium] › src/components/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component transparent colorTheme and it uses as a background color
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:359:11 › Testing Dialog component properties › when there is a button inside Dialog:
src/components/dialog/dialog.pw.tsx#L371
4) [chromium] › src/components/dialog/dialog.pw.tsx:359:11 › Testing Dialog component properties › when there is a button inside Dialog, which opens a Toast › clicking button moves focus out of Dialog to the newly-opened Toast
Error: Timed out 5000ms waiting for expect(received).toBeFocused()
Call log:
- expect.toBeFocused with timeout 5000ms
- waiting for locator('[data-component=\'toast\']')
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
- locator resolved to <div data-component="toast" class="sc-jnlKLf sc-ktHwx…>…</div>
- unexpected value "not focused"
369 |
370 | const toast = toastComponent(page);
> 371 | await expect(toast).toBeFocused();
| ^
372 | });
373 |
374 | test("when Toast is opened and focus on it is lost, pressing Tab key traps focus back inside the Dialog", async ({
at /__w/carbon/carbon/src/components/dialog/dialog.pw.tsx:371: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
4 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/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component transparent colorTheme and it uses as a background color
[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:359:11 › Testing Dialog component properties › when there is a button inside Dialog, which opens a Toast › clicking button moves focus out of Dialog to the newly-opened Toast
2 skipped
2027 passed (17.5m)
|