Skip to content

Playwright

Playwright #799

Manually triggered October 25, 2023 12:58
Status Success
Total duration 25m 46s
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

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)