Skip to content

Playwright

Playwright #815

Manually triggered October 25, 2023 16:00
Status Success
Total duration 26m 24s
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#L27
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: "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('button[data-element="close"]') - 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" 25 | const icon = closeIconButton(page); 26 | await icon.focus(); > 27 | await expect(closeIconButton(page)).toHaveCSS( | ^ 28 | "box-shadow", 29 | "rgb(255, 188, 25) 0px 0px 0px 3px, rgba(0, 0, 0, 0.9) 0px 0px 0px 6px" 30 | ); at /__w/carbon/carbon/src/components/advanced-color-picker/advanced-color-picker.pw.tsx:27:41
[chromium] › src/components/batch-selection/batch-selection.pw.tsx:60:11 › check BatchSelection component properties › check BatchSelection component white colorTheme and it uses rgb(255: 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 white colorTheme and it uses rgb(255, 255, 255) 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/tile/tile.pw.tsx:87:9 › Tile component › check vertical orientation: playwright/support/helper.ts#L225
4) [chromium] › src/components/tile/tile.pw.tsx:87:9 › Tile component › check vertical orientation Error: expect(received).toBeGreaterThanOrEqual(expected) Expected: >= 197 Received: 196 at playwright/support/helper.ts:225 223 | ) => { 224 | const val = await getStyle(element, cssProp); > 225 | expect(parseInt(val)).toBeGreaterThanOrEqual(value - 2); | ^ 226 | expect(parseInt(val)).toBeLessThanOrEqual(value + 2); 227 | }; 228 | at assertCssValueIsApproximately (/__w/carbon/carbon/playwright/support/helper.ts:225:25) at /__w/carbon/carbon/src/components/tile/tile.pw.tsx:93:7
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 white colorTheme and it uses rgb(255, 255, 255) 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/tile/tile.pw.tsx:87:9 › Tile component › check vertical orientation 2 skipped 2178 passed (22.9m)