Skip to content

fix: Made file panel not overflow in small viewports #5927

fix: Made file panel not overflow in small viewports

fix: Made file panel not overflow in small viewports #5927

Triggered via pull request September 30, 2025 16:46
Status Success
Total duration 9m 4s
Artifacts 4

build.yml

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

Annotations

8 errors and 4 notices
[webkit] › src/end-to-end/ariakit/ariakit.test.ts:28:7 › Check Ariakit UI › Check link toolbar: tests/src/end-to-end/ariakit/ariakit.test.ts#L41
1) [webkit] › src/end-to-end/ariakit/ariakit.test.ts:28:7 › Check Ariakit UI › Check link toolbar Error: expect(Buffer).toMatchSnapshot(expected) 1007 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts-snapshots/ariakit-link-toolbar-webkit-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-link-toolbar-webkit/ariakit-link-toolbar-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-link-toolbar-webkit/ariakit-link-toolbar-diff.png 39 | 40 | await page.waitForTimeout(500); > 41 | expect(await page.screenshot()).toMatchSnapshot("ariakit-link-toolbar.png"); | ^ 42 | }); 43 | test("Check slash menu", async ({ page }) => { 44 | await focusOnEditor(page); at /__w/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts:41:37
[firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots: tests/src/utils/editor.ts#L47
5) [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots Error: expect(string).toMatchSnapshot(expected) @@ -38,11 +38,11 @@ "type": "heading", "attrs": { "backgroundColor": "default", "textColor": "default", "textAlignment": "left", - "level": 2, + "level": 1, "isToggleable": false }, "content": [ { "type": "text", Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/docStructureSnapshot-firefox-linux.json Received: /__w/BlockNote/BlockNote/tests/test-results/slashmenu-slashmenu-Check--f99af-uments-that-match-snapshots-firefox/docStructureSnapshot-actual.json at ../utils/editor.ts:47 45 | // Remove id from docs 46 | const doc = JSON.stringify(await getDoc(page), null, 2); > 47 | expect(doc).toMatchSnapshot(`${name}.json`); | ^ 48 | } 49 | at compareDocToSnapshot (/__w/BlockNote/BlockNote/tests/src/utils/editor.ts:47:15) at /__w/BlockNote/BlockNote/tests/src/end-to-end/slashmenu/slashmenu.test.ts:141:5
[firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:42:7 › Check SlashMenu Functionality › Should be able to create h3: tests/src/utils/editor.ts#L11
4) [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:42:7 › Check SlashMenu Functionality › Should be able to create h3 TimeoutError: locator.waitFor: Timeout 1000ms exceeded. Call log: - waiting for locator('.bn-editor').locator('[data-content-type=heading][data-level="3"]') at ../utils/editor.ts:11 9 | export async function waitForSelectorInEditor(page: Page, selector: string) { 10 | const editor = page.locator(EDITOR_SELECTOR); > 11 | await editor.locator(selector).waitFor({ | ^ 12 | state: "attached", 13 | timeout: 1000, 14 | }); at waitForSelectorInEditor (/__w/BlockNote/BlockNote/tests/src/utils/editor.ts:11:34) at /__w/BlockNote/BlockNote/tests/src/end-to-end/slashmenu/slashmenu.test.ts:46:34
[firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:36:7 › Check SlashMenu Functionality › Should be able to create h2: tests/src/utils/editor.ts#L11
3) [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:36:7 › Check SlashMenu Functionality › Should be able to create h2 TimeoutError: locator.waitFor: Timeout 1000ms exceeded. Call log: - waiting for locator('.bn-editor').locator('[data-content-type=heading][data-level="2"]') at ../utils/editor.ts:11 9 | export async function waitForSelectorInEditor(page: Page, selector: string) { 10 | const editor = page.locator(EDITOR_SELECTOR); > 11 | await editor.locator(selector).waitFor({ | ^ 12 | state: "attached", 13 | timeout: 1000, 14 | }); at waitForSelectorInEditor (/__w/BlockNote/BlockNote/tests/src/utils/editor.ts:11:34) at /__w/BlockNote/BlockNote/tests/src/end-to-end/slashmenu/slashmenu.test.ts:40:34
[firefox] › src/end-to-end/draghandle/draghandle.test.ts:161:7 › Check Draghandle functionality › Deleting block with children should delete all children: tests/src/end-to-end/draghandle/draghandle.test.ts#L175
2) [firefox] › src/end-to-end/draghandle/draghandle.test.ts:161:7 › Check Draghandle functionality › Deleting block with children should delete all children Error: page.hover: Target page, context or browser has been closed Call log: - waiting for locator('[data-content-type=heading][data-level="2"]') 173 | await page.keyboard.type("This is h3"); 174 | > 175 | await page.hover(H_TWO_BLOCK_SELECTOR); | ^ 176 | await page.click(DRAG_HANDLE_SELECTOR); 177 | await page.click("text=Delete"); 178 | await page.waitForSelector(H_ONE_BLOCK_SELECTOR); at /__w/BlockNote/BlockNote/tests/src/end-to-end/draghandle/draghandle.test.ts:175:16
[firefox] › src/end-to-end/draghandle/draghandle.test.ts:161:7 › Check Draghandle functionality › Deleting block with children should delete all children: tests/src/end-to-end/draghandle/draghandle.test.ts#L0
2) [firefox] › src/end-to-end/draghandle/draghandle.test.ts:161:7 › Check Draghandle functionality › Deleting block with children should delete all children Test timeout of 30000ms exceeded.
[firefox] › src/end-to-end/draghandle/draghandle.test.ts:143:7 › Check Draghandle functionality › Delete button should delete correct block: tests/src/end-to-end/draghandle/draghandle.test.ts#L151
1) [firefox] › src/end-to-end/draghandle/draghandle.test.ts:143:7 › Check Draghandle functionality › Delete button should delete correct block Error: page.hover: Target page, context or browser has been closed Call log: - waiting for locator('[data-content-type=heading][data-level="2"]') 149 | await page.keyboard.type("This is h3"); 150 | > 151 | await page.hover(H_TWO_BLOCK_SELECTOR); | ^ 152 | await page.click(DRAG_HANDLE_SELECTOR); 153 | await page.click("text=Delete"); 154 | await page.waitForSelector(H_ONE_BLOCK_SELECTOR); at /__w/BlockNote/BlockNote/tests/src/end-to-end/draghandle/draghandle.test.ts:151:16
[firefox] › src/end-to-end/draghandle/draghandle.test.ts:143:7 › Check Draghandle functionality › Delete button should delete correct block: tests/src/end-to-end/draghandle/draghandle.test.ts#L0
1) [firefox] › src/end-to-end/draghandle/draghandle.test.ts:143:7 › Check Draghandle functionality › Delete button should delete correct block Test timeout of 30000ms exceeded.
Build
{ "workflowData": { "owner": "TypeCellOS", "repo": "BlockNote", "sha": "6adb169f03000fb62ba233d9ec7cde043401fd37", "ref": "2047" }, "key": "5hKZ2k5ZN9", "runId": 18137223888, "webhookDebug": { "action": "requested", "head_branch": "file-panel-mobile", "head_repository_full_name": "TypeCellOS/BlockNote", "full_name": "TypeCellOS/BlockNote", "isPullRequest": true, "prNumber": 2047, "prNumberType": "number", "isNewPullRequest": true, "isOldPullRequest": false, "prKey": "TypeCellOS/BlockNote:file-panel-mobile", "oldPrDataHash": "mykUFsFZ8d", "lookupKey": "TypeCellOS/BlockNote:file-panel-mobile", "data": { "owner": "TypeCellOS", "repo": "BlockNote", "sha": "6adb169f03000fb62ba233d9ec7cde043401fd37", "ref": "2047" } } }
🎭 Playwright Run Summary
1 skipped 93 passed (2.2m)
🎭 Playwright Run Summary
1 flaky [webkit] › src/end-to-end/ariakit/ariakit.test.ts:28:7 › Check Ariakit UI › Check link toolbar ─ 9 skipped 84 passed (3.0m)
🎭 Playwright Run Summary
5 flaky [firefox] › src/end-to-end/draghandle/draghandle.test.ts:143:7 › Check Draghandle functionality › Delete button should delete correct block [firefox] › src/end-to-end/draghandle/draghandle.test.ts:161:7 › Check Draghandle functionality › Deleting block with children should delete all children [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:36:7 › Check SlashMenu Functionality › Should be able to create h2 [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:42:7 › Check SlashMenu Functionality › Should be able to create h3 [firefox] › src/end-to-end/slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots 11 skipped 78 passed (4.0m)

Artifacts

Produced during runtime
Name Size Digest
playwright-report-chromium
261 KB
sha256:7c72afc06bae3b4c5802b56a01bed18d8ad5dd0f5febf3f569e9f98f943f4aea
playwright-report-firefox
2.28 MB
sha256:74a169a321bee31652786a3fc8130e7bb601bc5c3c25dbbdc8d8711aed0bf1f6
playwright-report-webkit
827 KB
sha256:2b3b4ef8484f71afe48f2cfd298dbe17fdde0665c4c8a133a4052b74fd086592
relative-ci-artifacts-editor
46.9 KB
sha256:35710b629c13c4ca2cfae886a6a11528686749a4a8a68bb51bfb43ac01e813c1