Skip to content

Playwright

Playwright #735

Manually triggered October 19, 2023 06:53
Status Failure
Total duration 19m 38s
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

10 errors, 2 warnings, and 1 notice
[chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle: src/components/portrait/portrait.pw.tsx#L112
1) [chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "50%" Received string: "0px" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('div[data-component="portrait"]').locator('span') - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" 110 | await mount(<PortraitDefaultComponent shape={shape} />); 111 | > 112 | await expect(portraitPreview(page).locator("span")).toHaveCSS( | ^ 113 | "border-radius", 114 | radius 115 | ); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:112:59
[chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle: src/components/portrait/portrait.pw.tsx#L112
1) [chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "50%" Received string: "0px" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('div[data-component="portrait"]').locator('span') - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" - locator resolved to <span font-size="small" type="individual" data-compone…></span> - unexpected value "0px" 110 | await mount(<PortraitDefaultComponent shape={shape} />); 111 | > 112 | await expect(portraitPreview(page).locator("span")).toHaveCSS( | ^ 113 | "border-radius", 114 | radius 115 | ); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:112:59
[chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle: src/components/portrait/portrait.pw.tsx#L1
1) [chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test was interrupted.
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L138
2) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as SPM Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "38px" Received string: "" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('[data-element="initials"]') 136 | await mount(<PortraitDefaultComponent initials={passInitials} />); 137 | > 138 | await expect(portraitInitials(page)).toHaveCSS("height", "38px"); | ^ 139 | await expect(portraitInitials(page)).toHaveCSS("width", "38px"); 140 | }); 141 | }); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:138:44
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L138
2) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as SPM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "38px" Received string: "" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('[data-element="initials"]') 136 | await mount(<PortraitDefaultComponent initials={passInitials} />); 137 | > 138 | await expect(portraitInitials(page)).toHaveCSS("height", "38px"); | ^ 139 | await expect(portraitInitials(page)).toHaveCSS("width", "38px"); 140 | }); 141 | }); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:138:44
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L138
3) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as JM Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "38px" Received string: "" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('[data-element="initials"]') 136 | await mount(<PortraitDefaultComponent initials={passInitials} />); 137 | > 138 | await expect(portraitInitials(page)).toHaveCSS("height", "38px"); | ^ 139 | await expect(portraitInitials(page)).toHaveCSS("width", "38px"); 140 | }); 141 | }); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:138:44
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L1
3) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as JM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test was interrupted.
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L138
4) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as AR Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "38px" Received string: "" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('[data-element="initials"]') 136 | await mount(<PortraitDefaultComponent initials={passInitials} />); 137 | > 138 | await expect(portraitInitials(page)).toHaveCSS("height", "38px"); | ^ 139 | await expect(portraitInitials(page)).toHaveCSS("width", "38px"); 140 | }); 141 | }); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:138:44
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L1
4) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as AR Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test was interrupted.
[chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height: src/components/portrait/portrait.pw.tsx#L138
5) [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as MJ Error: Timed out 5000ms waiting for expect(received).toHaveCSS(expected) Expected string: "38px" Received string: "" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('[data-element="initials"]') 136 | await mount(<PortraitDefaultComponent initials={passInitials} />); 137 | > 138 | await expect(portraitInitials(page)).toHaveCSS("height", "38px"); | ^ 139 | await expect(portraitInitials(page)).toHaveCSS("width", "38px"); 140 | }); 141 | }); at /__w/carbon/carbon/src/components/portrait/portrait.pw.tsx:138:44
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
7 failed [chromium] › src/components/portrait/portrait.pw.tsx:106:9 › Prop checks for Portrait component › should render with shape prop passed as circle [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as SPM [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as JM [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as AR [chromium] › src/components/portrait/portrait.pw.tsx:132:9 › Prop checks for Portrait component › should render with correct width and height, when initials prop is passed as MJ [chromium] › src/components/portrait/portrait.pw.tsx:147:9 › Prop checks for Portrait component › should render without dark background variant, when darkBackground prop is false [chromium] › src/components/portrait/portrait.pw.tsx:147:9 › Prop checks for Portrait component › should render with dark background variant, when darkBackground prop is true 1 interrupted [chromium] › src/components/portrait/portrait.pw.tsx:274:9 › Prop checks for Portrait component › should render with a tooltip with a red font color 1 flaky [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 285 skipped 1723 passed (16.1m)