Skip to content

Playwright

Playwright #737

Manually triggered October 19, 2023 09:57
Status Success
Total duration 20m 14s
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/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)