Skip to content

Refactor: clean blockcontainer #3232

Refactor: clean blockcontainer

Refactor: clean blockcontainer #3232

Triggered via pull request October 15, 2024 18:06
Status Failure
Total duration 30m 27s
Artifacts 1

build.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 5 warnings, and 1 notice
[chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar: tests/src/end-to-end/ariakit/ariakit.test.ts#L86
1) [chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ──────────── Error: Screenshot comparison failed: 5416 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts-snapshots/ariakit-image-toolbar-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium/ariakit-image-toolbar-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium/ariakit-image-toolbar-diff.png 84 | 85 | await page.waitForTimeout(500); > 86 | expect(await page.screenshot()).toMatchSnapshot( | ^ 87 | "ariakit-image-toolbar.png" 88 | ); 89 | }); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts:86:37
[chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar: tests/src/end-to-end/ariakit/ariakit.test.ts#L86
1) [chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5416 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts-snapshots/ariakit-image-toolbar-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium-retry1/ariakit-image-toolbar-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium-retry1/ariakit-image-toolbar-diff.png 84 | 85 | await page.waitForTimeout(500); > 86 | expect(await page.screenshot()).toMatchSnapshot( | ^ 87 | "ariakit-image-toolbar.png" 88 | ); 89 | }); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts:86:37
[chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar: tests/src/end-to-end/ariakit/ariakit.test.ts#L86
1) [chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ──────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5416 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts-snapshots/ariakit-image-toolbar-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium-retry2/ariakit-image-toolbar-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/ariakit-ariakit-Check-Ariakit-UI-Check-image-toolbar-chromium-retry2/ariakit-image-toolbar-diff.png 84 | 85 | await page.waitForTimeout(500); > 86 | expect(await page.screenshot()).toMatchSnapshot( | ^ 87 | "ariakit-image-toolbar.png" 88 | ); 89 | }); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/ariakit/ariakit.test.ts:86:37
[chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block: tests/src/end-to-end/images/images.test.ts#L28
2) [chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block Error: Screenshot comparison failed: 1119 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts-snapshots/create-image-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium/create-image-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium/create-image-diff.png 26 | await page.waitForTimeout(500); 27 | await compareDocToSnapshot(page, "createImage"); > 28 | expect(await page.screenshot()).toMatchSnapshot("create-image.png"); | ^ 29 | }); 30 | test("Should be able to upload image", async ({ page }) => { 31 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts:28:37
[chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block: tests/src/end-to-end/images/images.test.ts#L28
2) [chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1119 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts-snapshots/create-image-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium-retry1/create-image-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium-retry1/create-image-diff.png 26 | await page.waitForTimeout(500); 27 | await compareDocToSnapshot(page, "createImage"); > 28 | expect(await page.screenshot()).toMatchSnapshot("create-image.png"); | ^ 29 | }); 30 | test("Should be able to upload image", async ({ page }) => { 31 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts:28:37
[chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block: tests/src/end-to-end/images/images.test.ts#L28
2) [chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1119 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts-snapshots/create-image-chromium-linux.png Received: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium-retry2/create-image-actual.png Diff: /home/runner/work/BlockNote/BlockNote/tests/test-results/images-images-Check-Image--fe6d2--able-to-create-image-block-chromium-retry2/create-image-diff.png 26 | await page.waitForTimeout(500); 27 | await compareDocToSnapshot(page, "createImage"); > 28 | expect(await page.screenshot()).toMatchSnapshot("create-image.png"); | ^ 29 | }); 30 | test("Should be able to upload image", async ({ page }) => { 31 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts:28:37
[chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image: tests/src/end-to-end/images/images.test.ts#L1
3) [chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image Test timeout of 30000ms exceeded.
[chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image: tests/src/end-to-end/images/images.test.ts#L38
3) [chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image Error: page.waitForSelector: Test timeout of 30000ms exceeded. Call log: - waiting for locator('img[src^="https://tmpfiles.org/"]') to be visible 36 | }); 37 | await page.click(`[data-test="upload-input"]`); > 38 | await page.waitForSelector(`img[src^="https://tmpfiles.org/"]`); | ^ 39 | await page.waitForTimeout(500); 40 | 41 | await page.click(`img`); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts:38:16
[chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image: tests/src/end-to-end/images/images.test.ts#L1
3) [chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image: tests/src/end-to-end/images/images.test.ts#L38
3) [chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.waitForSelector: Test timeout of 30000ms exceeded. Call log: - waiting for locator('img[src^="https://tmpfiles.org/"]') to be visible 36 | }); 37 | await page.click(`[data-test="upload-input"]`); > 38 | await page.waitForSelector(`img[src^="https://tmpfiles.org/"]`); | ^ 39 | await page.waitForTimeout(500); 40 | 41 | await page.click(`img`); at /home/runner/work/BlockNote/BlockNote/tests/src/end-to-end/images/images.test.ts:38:16
Slow Test: tests/[webkit] › draghandle/draghandle.test.ts#L1
tests/[webkit] › draghandle/draghandle.test.ts took 26.7s
Slow Test: tests/[firefox] › draghandle/draghandle.test.ts#L1
tests/[firefox] › draghandle/draghandle.test.ts took 26.5s
Slow Test: tests/[chromium] › draghandle/draghandle.test.ts#L1
tests/[chromium] › draghandle/draghandle.test.ts took 23.9s
Slow Test: tests/[webkit] › slashmenu/slashmenu.test.ts#L1
tests/[webkit] › slashmenu/slashmenu.test.ts took 20.4s
Slow Test: tests/[firefox] › slashmenu/slashmenu.test.ts#L1
tests/[firefox] › slashmenu/slashmenu.test.ts took 18.7s
🎭 Playwright Run Summary
24 failed [chromium] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ───────────── [chromium] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block [chromium] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image [chromium] › images/images.test.ts:46:7 › Check Image Block and Toolbar functionality › Should be able to embed image [chromium] › images/images.test.ts:63:7 › Check Image Block and Toolbar functionality › Should be able to resize image [chromium] › images/images.test.ts:108:7 › Check Image Block and Toolbar functionality › Should be able to delete image with backspace [chromium] › shadcn/shadcn.test.ts:81:7 › Check ShadCN UI › Check image toolbar ──────────────── [chromium] › theming/theming.test.ts:91:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar [firefox] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ────────────── [firefox] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block [firefox] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image [firefox] › images/images.test.ts:46:7 › Check Image Block and Toolbar functionality › Should be able to embed image [firefox] › images/images.test.ts:63:7 › Check Image Block and Toolbar functionality › Should be able to resize image [firefox] › images/images.test.ts:108:7 › Check Image Block and Toolbar functionality › Should be able to delete image with backspace [firefox] › shadcn/shadcn.test.ts:81:7 › Check ShadCN UI › Check image toolbar ───────────────── [firefox] › theming/theming.test.ts:91:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar [webkit] › ariakit/ariakit.test.ts:81:7 › Check Ariakit UI › Check image toolbar ─────────────── [webkit] › images/images.test.ts:22:7 › Check Image Block and Toolbar functionality › Should be able to create image block [webkit] › images/images.test.ts:30:7 › Check Image Block and Toolbar functionality › Should be able to upload image [webkit] › images/images.test.ts:46:7 › Check Image Block and Toolbar functionality › Should be able to embed image [webkit] › images/images.test.ts:63:7 › Check Image Block and Toolbar functionality › Should be able to resize image [webkit] › images/images.test.ts:108:7 › Check Image Block and Toolbar functionality › Should be able to delete image with backspace [webkit] › shadcn/shadcn.test.ts:81:7 › Check ShadCN UI › Check image toolbar ────────────────── [webkit] › theming/theming.test.ts:91:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar 18 skipped 207 passed (26.5m)

Artifacts

Produced during runtime
Name Size
playwright-report
8.74 MB