Skip to content

Masonry: Revamp Dynamic Heights #9612

Masonry: Revamp Dynamic Heights

Masonry: Revamp Dynamic Heights #9612

Triggered via pull request November 21, 2024 19:13
Status Failure
Total duration 10m 5s
Artifacts 1

playwright.yml

on: pull_request
Matrix: playwright-run
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 26 warnings, and 6 notices
[chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize: playwright/masonry/flexible-resize.spec.ts#L40
1) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Error: expect(received).toBe(expected) // Object.is equality Expected: 216 Received: 200 38 | ); 39 | // expect(itemRectsBefore[0].width).toBe(266); > 40 | expect(itemRectsBefore[0]?.height).toBe(216); | ^ 41 | 42 | // Check size of initial grid items. 43 | const originalItemMap = await getItemColumnMap(gridItemsBefore); at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:40:40
[chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize: playwright/masonry/flexible-resize.spec.ts#L40
1) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 216 Received: 200 38 | ); 39 | // expect(itemRectsBefore[0].width).toBe(266); > 40 | expect(itemRectsBefore[0]?.height).toBe(216); | ^ 41 | 42 | // Check size of initial grid items. 43 | const originalItemMap = await getItemColumnMap(gridItemsBefore); at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:40:40
[chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize: playwright/masonry/flexible-resize.spec.ts#L40
1) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 216 Received: 200 38 | ); 39 | // expect(itemRectsBefore[0].width).toBe(266); > 40 | expect(itemRectsBefore[0]?.height).toBe(216); | ^ 41 | 42 | // Check size of initial grid items. 43 | const originalItemMap = await getItemColumnMap(gridItemsBefore); at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:40:40
[chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize: playwright/masonry/flexible-resize.spec.ts#L40
1) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Retry #3 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 216 Received: 200 38 | ); 39 | // expect(itemRectsBefore[0].width).toBe(266); > 40 | expect(itemRectsBefore[0]?.height).toBe(216); | ^ 41 | 42 | // Check size of initial grid items. 43 | const originalItemMap = await getItemColumnMap(gridItemsBefore); at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:40:40
[chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport: playwright/masonry/load-more.spec.ts#L34
2) [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport Error: expect(received).toBe(expected) // Object.is equality Expected: 35 Received: 28 32 | 33 | const gridItems1 = await getGridItems(page); > 34 | expect(gridItems1.length).toBe(35); | ^ 35 | 36 | // Add more items. They'll be measured, but will not be rendered to the grid 37 | // because they fall below the virtual bounds. at /home/runner/work/gestalt/gestalt/playwright/masonry/load-more.spec.ts:34:31
[chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport: playwright/masonry/load-more.spec.ts#L34
2) [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 35 Received: 28 32 | 33 | const gridItems1 = await getGridItems(page); > 34 | expect(gridItems1.length).toBe(35); | ^ 35 | 36 | // Add more items. They'll be measured, but will not be rendered to the grid 37 | // because they fall below the virtual bounds. at /home/runner/work/gestalt/gestalt/playwright/masonry/load-more.spec.ts:34:31
[chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport: playwright/masonry/load-more.spec.ts#L34
2) [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 35 Received: 28 32 | 33 | const gridItems1 = await getGridItems(page); > 34 | expect(gridItems1.length).toBe(35); | ^ 35 | 36 | // Add more items. They'll be measured, but will not be rendered to the grid 37 | // because they fall below the virtual bounds. at /home/runner/work/gestalt/gestalt/playwright/masonry/load-more.spec.ts:34:31
[chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport: playwright/masonry/load-more.spec.ts#L34
2) [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport Retry #3 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: 35 Received: 28 32 | 33 | const gridItems1 = await getGridItems(page); > 34 | expect(gridItems1.length).toBe(35); | ^ 35 | 36 | // Add more items. They'll be measured, but will not be rendered to the grid 37 | // because they fall below the virtual bounds. at /home/runner/work/gestalt/gestalt/playwright/masonry/load-more.spec.ts:34:31
[chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items: playwright/masonry/reflow-item-prop-changes.spec.ts#L53
3) [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items Error: expect(received).toEqual(expected) // deep equality Expected: 116 Received: 100 51 | const expectedHeight = masonryItemData[i].height + 16; /* border size + padding */ 52 | // `item ${i} has a height of ${expectedHeight}` > 53 | expect(renderedBoundingBox?.height).toEqual(expectedHeight); | ^ 54 | } 55 | }); 56 | at /home/runner/work/gestalt/gestalt/playwright/masonry/reflow-item-prop-changes.spec.ts:53:43
[chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items: playwright/masonry/reflow-item-prop-changes.spec.ts#L53
3) [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality Expected: 116 Received: 100 51 | const expectedHeight = masonryItemData[i].height + 16; /* border size + padding */ 52 | // `item ${i} has a height of ${expectedHeight}` > 53 | expect(renderedBoundingBox?.height).toEqual(expectedHeight); | ^ 54 | } 55 | }); 56 | at /home/runner/work/gestalt/gestalt/playwright/masonry/reflow-item-prop-changes.spec.ts:53:43
Test (1/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Slow Test: [chromium] › accessibility/foundations__design_tokens__component_tokens.spec.ts#L1
[chromium] › accessibility/foundations__design_tokens__component_tokens.spec.ts took 54.4s
Slow Test: [chromium] › accessibility/foundations__design_tokens__overview.spec.ts#L1
[chromium] › accessibility/foundations__design_tokens__overview.spec.ts took 38.8s
Slow Test: [chromium] › accessibility/foundations__iconography__library.spec.ts#L1
[chromium] › accessibility/foundations__iconography__library.spec.ts took 34.5s
Test (2/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Test (3/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Slow Test: [chromium] › accessibility/web__chartgraph.spec.ts#L1
[chromium] › accessibility/web__chartgraph.spec.ts took 28.8s
Slow Test: [chromium] › accessibility/web__box.spec.ts#L1
[chromium] › accessibility/web__box.spec.ts took 21.3s
Slow Test: [chromium] › accessibility/web__component_status.spec.ts#L1
[chromium] › accessibility/web__component_status.spec.ts took 19.9s
Slow Test: [chromium] › accessibility/web__combobox.spec.ts#L1
[chromium] › accessibility/web__combobox.spec.ts took 16.0s
Slow Test: [chromium] › accessibility/web__sidenavigation.spec.ts#L1
[chromium] › accessibility/web__sidenavigation.spec.ts took 34.2s
Slow Test: [chromium] › accessibility/web__table.spec.ts#L1
[chromium] › accessibility/web__table.spec.ts took 28.7s
Slow Test: [chromium] › accessibility/web__dropdown.spec.ts#L1
[chromium] › accessibility/web__dropdown.spec.ts took 23.9s
Slow Test: [chromium] › accessibility/web__datepicker.spec.ts#L1
[chromium] › accessibility/web__datepicker.spec.ts took 20.1s
Slow Test: [chromium] › accessibility/web__link.spec.ts#L1
[chromium] › accessibility/web__link.spec.ts took 18.3s
Test (4/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Slow Test: [chromium] › masonry/resize-reflow.spec.ts#L1
[chromium] › masonry/resize-reflow.spec.ts took 42.7s
Slow Test: [chromium] › masonry/load-more.spec.ts#L1
[chromium] › masonry/load-more.spec.ts took 22.0s
Slow Test: [chromium] › accessibility/web__textfield.spec.ts#L1
[chromium] › accessibility/web__textfield.spec.ts took 21.6s
Slow Test: [chromium] › accessibility/web__textarea.spec.ts#L1
[chromium] › accessibility/web__textarea.spec.ts took 17.9s
Slow Test: [chromium] › accessibility/web__text.spec.ts#L1
[chromium] › accessibility/web__text.spec.ts took 16.1s
Slow Test: [chromium] › masonry/resize-reflow.spec.ts#L1
[chromium] › masonry/resize-reflow.spec.ts took 43.1s
Slow Test: [chromium] › masonry/load-more.spec.ts#L1
[chromium] › masonry/load-more.spec.ts took 21.9s
Slow Test: [chromium] › accessibility/web__textfield.spec.ts#L1
[chromium] › accessibility/web__textfield.spec.ts took 20.3s
Slow Test: [chromium] › accessibility/web__textarea.spec.ts#L1
[chromium] › accessibility/web__textarea.spec.ts took 16.2s
Slow Test: [chromium] › accessibility/web__video.spec.ts#L1
[chromium] › accessibility/web__video.spec.ts took 15.3s
🎭 Playwright Run Summary
51 passed (2.1m)
🎭 Playwright Run Summary
51 passed (2.7m)
🎭 Playwright Run Summary
51 passed (3.4m)
🎭 Playwright Run Summary
51 passed (4.9m)
🎭 Playwright Run Summary
6 failed [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items [chromium] › masonry/resize-reflow.spec.ts:11:7 › Masonry: Resize › Rerenders Masonry after a resize [chromium] › masonry/resize-reflow.spec.ts:35:7 › Masonry: Resize › Rerenders Masonry after a resize with scroll container [chromium] › masonry/server-render-layout.spec.ts:8:7 › Masonry: Server Render Layout › renders items in the same position on the server and after mounting 1 skipped 44 passed (2.7m)
🎭 Playwright Run Summary
6 failed [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items [chromium] › masonry/resize-reflow.spec.ts:11:7 › Masonry: Resize › Rerenders Masonry after a resize [chromium] › masonry/resize-reflow.spec.ts:35:7 › Masonry: Resize › Rerenders Masonry after a resize with scroll container [chromium] › masonry/server-render-layout.spec.ts:8:7 › Masonry: Server Render Layout › renders items in the same position on the server and after mounting 1 skipped 44 passed (2.8m)

Artifacts

Produced during runtime
Name Size
playwright-test-results
1.77 MB