Skip to content

fix: Error when custom blocks are in initialContent #1228

fix: Error when custom blocks are in initialContent

fix: Error when custom blocks are in initialContent #1228

Triggered via pull request September 26, 2023 21:38
Status Failure
Total duration 14m 10s
Artifacts 1

build.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 6 warnings, and 1 notice
[webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark: tests/end-to-end/colors/colors.test.ts#L43
1) [webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit/textColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit/textColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit/textColorMark-diff.png 41 | await page.waitForTimeout(500); 42 | > 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png"); | ^ 44 | }); 45 | test("Should be able to apply a background color mark", async ({ page }) => { 46 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
[webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark: tests/end-to-end/colors/colors.test.ts#L43
1) [webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry1/textColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry1/textColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry1/textColorMark-diff.png 41 | await page.waitForTimeout(500); 42 | > 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png"); | ^ 44 | }); 45 | test("Should be able to apply a background color mark", async ({ page }) => { 46 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
[webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark: tests/end-to-end/colors/colors.test.ts#L43
1) [webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry2/textColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry2/textColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-webkit-retry2/textColorMark-diff.png 41 | await page.waitForTimeout(500); 42 | > 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png"); | ^ 44 | }); 45 | test("Should be able to apply a background color mark", async ({ page }) => { 46 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
[webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark: tests/end-to-end/colors/colors.test.ts#L68
2) [webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit/backgroundColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit/backgroundColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit/backgroundColorMark-diff.png 66 | await page.waitForTimeout(500); 67 | > 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png"); | ^ 69 | }); 70 | test("Should be able to set block text color", async ({ page }) => { 71 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
[webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark: tests/end-to-end/colors/colors.test.ts#L68
2) [webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry1/backgroundColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry1/backgroundColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry1/backgroundColorMark-diff.png 66 | await page.waitForTimeout(500); 67 | > 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png"); | ^ 69 | }); 70 | test("Should be able to set block text color", async ({ page }) => { 71 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
[webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark: tests/end-to-end/colors/colors.test.ts#L68
2) [webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17520 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry2/backgroundColorMark-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry2/backgroundColorMark-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-webkit-retry2/backgroundColorMark-diff.png 66 | await page.waitForTimeout(500); 67 | > 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png"); | ^ 69 | }); 70 | test("Should be able to set block text color", async ({ page }) => { 71 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
[webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color: tests/end-to-end/colors/colors.test.ts#L92
3) [webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color Error: Screenshot comparison failed: 18724 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit/blockTextColor-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit/blockTextColor-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit/blockTextColor-diff.png 90 | await page.waitForTimeout(500); 91 | > 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png"); | ^ 93 | }); 94 | test("Should be able to set block background color", async ({ page }) => { 95 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
[webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color: tests/end-to-end/colors/colors.test.ts#L92
3) [webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 18724 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry1/blockTextColor-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry1/blockTextColor-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry1/blockTextColor-diff.png 90 | await page.waitForTimeout(500); 91 | > 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png"); | ^ 93 | }); 94 | test("Should be able to set block background color", async ({ page }) => { 95 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
[webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color: tests/end-to-end/colors/colors.test.ts#L92
3) [webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 18724 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry2/blockTextColor-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry2/blockTextColor-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-webkit-retry2/blockTextColor-diff.png 90 | await page.waitForTimeout(500); 91 | > 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png"); | ^ 93 | }); 94 | test("Should be able to set block background color", async ({ page }) => { 95 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
[webkit] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color: tests/end-to-end/colors/colors.test.ts#L116
4) [webkit] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color Error: Screenshot comparison failed: 18725 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-webkit/blockBackgroundColor-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-webkit/blockBackgroundColor-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-webkit/blockBackgroundColor-diff.png 114 | await page.waitForTimeout(500); 115 | > 116 | expect(await page.screenshot()).toMatchSnapshot("blockBackgroundColor.png"); | ^ 117 | }); 118 | }); 119 | at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:116:37
Build
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2, actions/cache@v2, actions/upload-artifact@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
Slow Test: [webkit] › colors/colors.test.ts#L1
[webkit] › colors/colors.test.ts took 1.3m
Slow Test: [webkit] › theming/theming.test.ts#L1
[webkit] › theming/theming.test.ts took 1.2m
Slow Test: [webkit] › slashmenu/slashmenu.test.ts#L1
[webkit] › slashmenu/slashmenu.test.ts took 46.2s
Slow Test: [webkit] › draghandle/draghandle.test.ts#L1
[webkit] › draghandle/draghandle.test.ts took 38.8s
Slow Test: [webkit] › textalignment/textAlignment.test.ts#L1
[webkit] › textalignment/textAlignment.test.ts took 35.6s
🎭 Playwright Run Summary
15 failed [webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark [webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark [webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color [webkit] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color [webkit] › draghandle/draghandle.test.ts:76:7 › Check Draghandle functionality › Clicking draghandle should open menu [webkit] › keyboardhandlers/keyboardhandlers.test.ts:75:7 › Check Keyboard Handlers' Behaviour › Check Backspace at the start of a block [webkit] › slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots [webkit] › textalignment/textAlignment.test.ts:17:7 › Check Text Alignment Functionality › Should be able to set text alignment on single block [webkit] › textalignment/textAlignment.test.ts:41:7 › Check Text Alignment Functionality › Should be able to set text alignment on multiple blocks [webkit] › theming/theming.test.ts:21:7 › Check Dark Theme is Automatically Applied › Should show dark editor [webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar [webkit] › theming/theming.test.ts:39:7 › Check Dark Theme is Automatically Applied › Should show dark hyperlink toolbar [webkit] › theming/theming.test.ts:56:7 › Check Dark Theme is Automatically Applied › Should show dark slash menu [webkit] › theming/theming.test.ts:64:7 › Check Dark Theme is Automatically Applied › Should show dark side menu [webkit] › theming/theming.test.ts:73:7 › Check Dark Theme is Automatically Applied › Should show drag handle menu 4 flaky [chromium] › copypaste/copypaste.test.ts:35:7 › Check Copy/Paste Functionality › Headings should keep formatting [chromium] › keyboardhandlers/keyboardhandlers.test.ts:40:7 › Check Keyboard Handlers' Behaviour › Check Enter preserves marks [webkit] › keyboardhandlers/keyboardhandlers.test.ts:40:7 › Check Keyboard Handlers' Behaviour › Check Enter preserves marks [webkit] › keyboardhandlers/keyboardhandlers.test.ts:57:7 › Check Keyboard Handlers' Behaviour › Check Enter preserves nested blocks 18 skipped 128 passed (9.9m)

Artifacts

Produced during runtime
Name Size
playwright-report Expired
19.3 MB