Skip to content

Masonry: Fix integration tests #9913

Masonry: Fix integration tests

Masonry: Fix integration tests #9913

Re-run triggered January 23, 2025 15:48
Status Failure
Total duration 8m 35s
Artifacts 1

playwright.yml

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

Annotations

10 errors, 20 warnings, and 6 notices
[chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes: playwright/masonry/fetch-more.spec.ts#L10
1) [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry? Call log: - navigating to "http://localhost:8888/integration-test/masonry?", waiting until "load" 8 | // Start with a small screen. 9 | await page.setViewportSize({ width: 400, height: 400 }); > 10 | await page.goto(getServerURL()); | ^ 11 | await waitForRenderedItems(page, { targetItemsGTE: 20 }); 12 | 13 | // @ts-expect-error - TS2339 - Property 'TEST_FETCH_COUNTS' does not exist on type 'Window & typeof globalThis'. at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:10:16
[chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes: playwright/masonry/fetch-more.spec.ts#L10
1) [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry? Call log: - navigating to "http://localhost:8888/integration-test/masonry?", waiting until "load" 8 | // Start with a small screen. 9 | await page.setViewportSize({ width: 400, height: 400 }); > 10 | await page.goto(getServerURL()); | ^ 11 | await waitForRenderedItems(page, { targetItemsGTE: 20 }); 12 | 13 | // @ts-expect-error - TS2339 - Property 'TEST_FETCH_COUNTS' does not exist on type 'Window & typeof globalThis'. at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:10:16
[chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes: playwright/masonry/fetch-more.spec.ts#L10
1) [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry? Call log: - navigating to "http://localhost:8888/integration-test/masonry?", waiting until "load" 8 | // Start with a small screen. 9 | await page.setViewportSize({ width: 400, height: 400 }); > 10 | await page.goto(getServerURL()); | ^ 11 | await waitForRenderedItems(page, { targetItemsGTE: 20 }); 12 | 13 | // @ts-expect-error - TS2339 - Property 'TEST_FETCH_COUNTS' does not exist on type 'Window & typeof globalThis'. at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:10:16
[chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes: playwright/masonry/fetch-more.spec.ts#L10
1) [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes Retry #3 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry? Call log: - navigating to "http://localhost:8888/integration-test/masonry?", waiting until "load" 8 | // Start with a small screen. 9 | await page.setViewportSize({ width: 400, height: 400 }); > 10 | await page.goto(getServerURL()); | ^ 11 | await waitForRenderedItems(page, { targetItemsGTE: 20 }); 12 | 13 | // @ts-expect-error - TS2339 - Property 'TEST_FETCH_COUNTS' does not exist on type 'Window & typeof globalThis'. at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:10:16
[chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough: playwright/masonry/fetch-more.spec.ts#L30
2) [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800 Call log: - navigating to "http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800", waiting until "load" 28 | // Start with a small screen. 29 | await page.setViewportSize({ width: 800, height: 800 }); > 30 | await page.goto(getServerURL({ virtualize: true, scrollContainer: true, offsetTop: 800 })); | ^ 31 | await waitForRenderedItems(page, { targetItems: 0 }); 32 | 33 | let fetchCount = 0; at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:30:16
[chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough: playwright/masonry/fetch-more.spec.ts#L30
2) [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800 Call log: - navigating to "http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800", waiting until "load" 28 | // Start with a small screen. 29 | await page.setViewportSize({ width: 800, height: 800 }); > 30 | await page.goto(getServerURL({ virtualize: true, scrollContainer: true, offsetTop: 800 })); | ^ 31 | await waitForRenderedItems(page, { targetItems: 0 }); 32 | 33 | let fetchCount = 0; at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:30:16
[chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough: playwright/masonry/fetch-more.spec.ts#L30
2) [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800 Call log: - navigating to "http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800", waiting until "load" 28 | // Start with a small screen. 29 | await page.setViewportSize({ width: 800, height: 800 }); > 30 | await page.goto(getServerURL({ virtualize: true, scrollContainer: true, offsetTop: 800 })); | ^ 31 | await waitForRenderedItems(page, { targetItems: 0 }); 32 | 33 | let fetchCount = 0; at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:30:16
[chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough: playwright/masonry/fetch-more.spec.ts#L30
2) [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough Retry #3 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800 Call log: - navigating to "http://localhost:8888/integration-test/masonry?virtualize=1&scrollContainer=1&offsetTop=800", waiting until "load" 28 | // Start with a small screen. 29 | await page.setViewportSize({ width: 800, height: 800 }); > 30 | await page.goto(getServerURL({ virtualize: true, scrollContainer: true, offsetTop: 800 })); | ^ 31 | await waitForRenderedItems(page, { targetItems: 0 }); 32 | 33 | let fetchCount = 0; at /home/runner/work/gestalt/gestalt/playwright/masonry/fetch-more.spec.ts:30:16
[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#L29
3) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?flexible=1 Call log: - navigating to "http://localhost:8888/integration-test/masonry?flexible=1", waiting until "load" 27 | test('should resize item width and height on window resize', async ({ page }) => { 28 | await page.setViewportSize({ width: 800, height: 800 }); > 29 | await page.goto(getServerURL({ flexible: true })); | ^ 30 | await waitForRenderedItems(page, { targetItems: 40 }); 31 | 32 | // Test item size. at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:29:16
[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#L29
3) [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8888/integration-test/masonry?flexible=1 Call log: - navigating to "http://localhost:8888/integration-test/masonry?flexible=1", waiting until "load" 27 | test('should resize item width and height on window resize', async ({ page }) => { 28 | await page.setViewportSize({ width: 800, height: 800 }); > 29 | await page.goto(getServerURL({ flexible: true })); | ^ 30 | await waitForRenderedItems(page, { targetItems: 40 }); 31 | 32 | // Test item size. at /home/runner/work/gestalt/gestalt/playwright/masonry/flexible-resize.spec.ts:29:16
Test (1/5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Slow Test: [chromium] › accessibility/foundations__design_tokens__component_tokens.spec.ts#L1
[chromium] › accessibility/foundations__design_tokens__component_tokens.spec.ts took 29.1s
Test (1/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Test (2/5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Slow Test: [chromium] › accessibility/foundations__design_tokens__overview.spec.ts#L1
[chromium] › accessibility/foundations__design_tokens__overview.spec.ts took 31.1s
Slow Test: [chromium] › accessibility/foundations__iconography__library.spec.ts#L1
[chromium] › accessibility/foundations__iconography__library.spec.ts took 25.2s
Test (2/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Test (3/5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
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 22.3s
Slow Test: [chromium] › accessibility/web__box.spec.ts#L1
[chromium] › accessibility/web__box.spec.ts took 16.9s
Slow Test: [chromium] › accessibility/web__component_status.spec.ts#L1
[chromium] › accessibility/web__component_status.spec.ts took 15.7s
Test (4/5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Slow Test: [chromium] › accessibility/web__sidenavigation.spec.ts#L1
[chromium] › accessibility/web__sidenavigation.spec.ts took 27.0s
Slow Test: [chromium] › accessibility/web__table.spec.ts#L1
[chromium] › accessibility/web__table.spec.ts took 21.5s
Slow Test: [chromium] › accessibility/web__dropdown.spec.ts#L1
[chromium] › accessibility/web__dropdown.spec.ts took 19.3s
Test (4/5)
No files were found with the provided path: playwright/test-results/. No artifacts will be uploaded.
Test (5/5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Slow Test: [chromium] › accessibility/web__textfield.spec.ts#L1
[chromium] › accessibility/web__textfield.spec.ts took 16.8s
Slow Test: [chromium] › accessibility/web__textfield.spec.ts#L1
[chromium] › accessibility/web__textfield.spec.ts took 15.3s
🎭 Playwright Run Summary
52 passed (2.2m)
🎭 Playwright Run Summary
52 passed (1.9m)
🎭 Playwright Run Summary
51 passed (2.9m)
🎭 Playwright Run Summary
51 passed (4.0m)
🎭 Playwright Run Summary
29 failed [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize [chromium] › masonry/handle-item-updates.spec.ts:8:7 › Masonry: handle item updates › should correctly update grid item heights [chromium] › masonry/handle-position-update.spec.ts:8:7 › Masonry: handle offset update › should correctly account for relative position changes [chromium] › masonry/handle-update-during-insertions.spec.ts:6:7 › Masonry: Update during insertions › should not throw an error when Masonry is updated during insertions [chromium] › masonry/item-prop-change-key-reset.spec.ts:7:7 › Masonry: Item prop change › generates new keys when item object refs change [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport [chromium] › masonry/no-scroll.spec.ts:6:7 › Masonry: No scroll › should do nothing on scroll ── [chromium] › masonry/null-items.spec.ts:9:7 › Masonry: Null items › should not throw an error when null/undefined items are inserted [chromium] › masonry/optimized-remount.spec.ts:8:7 › Masonry: external cache › should only mount visible items on remount [chromium] › masonry/parent-sizing.spec.ts:9:7 › Masonry: Parent Sizing › starts the grid from the left bounding box of the parent [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items [chromium] › masonry/reflow-item-prop-removal.spec.ts:14:7 › Masonry: Item prop removal › updates Masonry when items are removed [chromium] › masonry/render-height.spec.ts:7:7 › Masonry: Render height › allows items to be positioned under the grid [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/scroll-performance.spec.ts:66:7 › Masonry: scrolls › scroll test ────────── [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 [chromium] › masonry/server-render-layout.spec.ts:49:7 › Masonry: Server Render Layout › [flexible] items rendered on the server start with columnWidth [chromium] › masonry/shuffle-items.spec.ts:27:7 › Masonry > Shuffle items › should reflow the grid when items are shuffled [chromium] › masonry/slot-index.spec.ts:7:7 › Masonry: slot index › should start slot index at 0 [chromium] › masonry/two-module.spec.ts:6:7 › Masonry: two columns module › render the two column module [chromium] › masonry/two-module.spec.ts:24:7 › Masonry: two columns module › render the two column module on second batch with hydration [chromium] › masonry/update-scroll-container.spec.ts:8:7 › Masonry: Update scroll container › should handle updating the scroll container [chromium] › masonry/virtual-bounds-visibility.spec.ts:10:7 › Masonry: virtual bounds visibility › calculates correct virtual bounds when Masonry is offset in window [chromium] › masonry/virtual-bounds-visibility.spec.ts:28:7 › Masonry: virtual bounds visibility › calculates correct virtual bounds when Masonry is offset in scroll container [chromium] › masonry/virtualization-with-scroll-container.spec.ts:10:7 › Masonry: virtualization with scroll container › calculates correct virtual bounds when masonry is offset [chromium] › masonry/virtualization-with-scroll-container.spec.ts:42:7 › Masonry: virtualization with scroll container › calculates correct virtual bounds when masonry is offset and scrolled 1 skipped 21 passed (2.1m)
🎭 Playwright Run Summary
29 failed [chromium] › masonry/fetch-more.spec.ts:7:7 › Masonry: fetch more › trigger a call to "fetchMore" when container resizes [chromium] › masonry/fetch-more.spec.ts:27:7 › Masonry: fetch more › trigger a call to "fetchMore" when scrolling far enough [chromium] › masonry/flexible-resize.spec.ts:27:7 › Masonry: flexible resize › should resize item width and height on window resize [chromium] › masonry/handle-item-updates.spec.ts:8:7 › Masonry: handle item updates › should correctly update grid item heights [chromium] › masonry/handle-position-update.spec.ts:8:7 › Masonry: handle offset update › should correctly account for relative position changes [chromium] › masonry/handle-update-during-insertions.spec.ts:6:7 › Masonry: Update during insertions › should not throw an error when Masonry is updated during insertions [chromium] › masonry/item-prop-change-key-reset.spec.ts:7:7 › Masonry: Item prop change › generates new keys when item object refs change [chromium] › masonry/load-more.spec.ts:9:7 › Masonry: scrolls › loads more when it gets to the bottom of the viewport [chromium] › masonry/no-scroll.spec.ts:6:7 › Masonry: No scroll › should do nothing on scroll ── [chromium] › masonry/null-items.spec.ts:9:7 › Masonry: Null items › should not throw an error when null/undefined items are inserted [chromium] › masonry/optimized-remount.spec.ts:8:7 › Masonry: external cache › should only mount visible items on remount [chromium] › masonry/parent-sizing.spec.ts:9:7 › Masonry: Parent Sizing › starts the grid from the left bounding box of the parent [chromium] › masonry/reflow-item-prop-changes.spec.ts:14:7 › Masonry: Item prop changes › reflows Masonry when changing prop items [chromium] › masonry/reflow-item-prop-removal.spec.ts:14:7 › Masonry: Item prop removal › updates Masonry when items are removed [chromium] › masonry/render-height.spec.ts:7:7 › Masonry: Render height › allows items to be positioned under the grid [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/scroll-performance.spec.ts:66:7 › Masonry: scrolls › scroll test ────────── [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 [chromium] › masonry/server-render-layout.spec.ts:49:7 › Masonry: Server Render Layout › [flexible] items rendered on the server start with columnWidth [chromium] › masonry/shuffle-items.spec.ts:27:7 › Masonry > Shuffle items › should reflow the grid when items are shuffled [chromium] › masonry/slot-index.spec.ts:7:7 › Masonry: slot index › should start slot index at 0 [chromium] › masonry/two-module.spec.ts:6:7 › Masonry: two columns module › render the two column module [chromium] › masonry/two-module.spec.ts:24:7 › Masonry: two columns module › render the two column module on second batch with hydration [chromium] › masonry/update-scroll-container.spec.ts:8:7 › Masonry: Update scroll container › should handle updating the scroll container [chromium] › masonry/virtual-bounds-visibility.spec.ts:10:7 › Masonry: virtual bounds visibility › calculates correct virtual bounds when Masonry is offset in window [chromium] › masonry/virtual-bounds-visibility.spec.ts:28:7 › Masonry: virtual bounds visibility › calculates correct virtual bounds when Masonry is offset in scroll container [chromium] › masonry/virtualization-with-scroll-container.spec.ts:10:7 › Masonry: virtualization with scroll container › calculates correct virtual bounds when masonry is offset [chromium] › masonry/virtualization-with-scroll-container.spec.ts:42:7 › Masonry: virtualization with scroll container › calculates correct virtual bounds when masonry is offset and scrolled 1 skipped 21 passed (2.1m)

Artifacts

Produced during runtime
Name Size
playwright-test-results
148 KB