Playwright #805
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/alert/alert.pw.tsx:72:7 › should render Alert component › with keyboard accessible close icon button which closes the dialog when enter key is pressed:
src/components/alert/alert.pw.tsx#L81
1) [chromium] › src/components/alert/alert.pw.tsx:72:7 › should render Alert component › with keyboard accessible close icon button which closes the dialog when enter key is pressed
Error: Timed out 5000ms waiting for expect(received).toBeFocused()
Call log:
- expect.toBeFocused 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 "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"
79 | const cross = alertCrossIcon(page);
80 | await page.keyboard.press("Tab");
> 81 | await expect(cross).toBeFocused();
| ^
82 | await cross.press("Enter");
83 | await checkDialogIsNotInDOM(page);
84 | });
at /__w/carbon/carbon/src/components/alert/alert.pw.tsx:81:25
|
[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"
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
|
[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"
- 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"
- 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/alert/alert.pw.tsx:72:7 › should render Alert component › with keyboard accessible close icon button which closes the dialog when enter key is pressed
[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
[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
2210 passed (23.4m)
|