Skip to content

Playwright

Playwright #805

Manually triggered October 25, 2023 13:28
Status Success
Total duration 27m 6s
Artifacts
This run and associated checks have been archived and are scheduled for deletion. Learn more about checks retention

playwright.yml

on: workflow_dispatch
Matrix: playwright-react
Fit to window
Zoom out
Zoom in

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)