Skip to content

fix: Color naming & CSS (BLO-946) #7541

fix: Color naming & CSS (BLO-946)

fix: Color naming & CSS (BLO-946) #7541

Triggered via pull request April 28, 2026 13:43
Status Failure
Total duration 8m 4s
Artifacts 15

build.yml

on: pull_request
Matrix: playwright
Merge Playwright Reports
50s
Merge Playwright Reports
Fit to window
Zoom out
Zoom in

Annotations

13 errors, 1 warning, and 7 notices
Playwright Tests - chromium (2/2)
Process completed with exit code 1.
[chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 1889 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium-retry2/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium-retry2/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 1889 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium-retry1/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium-retry1/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Error: expect(Buffer).toMatchSnapshot(expected) 1889 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-chromium/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
Playwright Tests - firefox (2/2)
Process completed with exit code 1.
[firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 2145 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox-retry2/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox-retry2/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 2145 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox-retry1/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox-retry1/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Error: expect(Buffer).toMatchSnapshot(expected) 2145 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-firefox/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[firefox] › src/end-to-end/colors/colors.test.ts:44:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark: tests/src/end-to-end/colors/colors.test.ts#L64
1) [firefox] › src/end-to-end/colors/colors.test.ts:44:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark Error: expect(Buffer).toMatchSnapshot(expected) 7031 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-firefox-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/colors-colors-Check-Backgr-56edd-ply-a-background-color-mark-firefox/backgroundColorMark-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/colors-colors-Check-Backgr-56edd-ply-a-background-color-mark-firefox/backgroundColorMark-diff.png 62 | await page.waitForTimeout(500); 63 | > 64 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png"); | ^ 65 | }); 66 | test("Should be able to set block text color", async ({ page }) => { 67 | await focusOnEditor(page); at /__w/BlockNote/BlockNote/tests/src/end-to-end/colors/colors.test.ts:64:37
Playwright Tests - webkit (2/2)
Process completed with exit code 1.
[webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 8030 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit-retry2/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit-retry2/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(Buffer).toMatchSnapshot(expected) 8030 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit-retry1/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit-retry1/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
[webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering: tests/src/end-to-end/static/static.test.ts#L13
1) [webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering Error: expect(Buffer).toMatchSnapshot(expected) 8030 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png Received: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit/static-rendering-actual.png Diff: /__w/BlockNote/BlockNote/tests/test-results/static-static-Check-static-rendering-Check-static-rendering-webkit/static-rendering-diff.png 11 | await page.goto(STATIC_URL); 12 | await page.waitForTimeout(500); > 13 | expect(await page.screenshot()).toMatchSnapshot("static-rendering.png"); | ^ 14 | }); 15 | 16 | test("Check static rendering visually matches live editor", async ({ at /__w/BlockNote/BlockNote/tests/src/end-to-end/static/static.test.ts:13:37
Build
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/upload-artifact@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
🎭 Playwright Run Summary
1 failed [chromium] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering 39 passed (38.1s)
🎭 Playwright Run Summary
1 failed [firefox] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering 39 passed (52.8s)
🎭 Playwright Run Summary
2 skipped 86 passed (1.2m)
Build
{ "workflowData": { "owner": "TypeCellOS", "repo": "BlockNote", "sha": "e587cb0b01a49a19c722384dbd312256bbed669b", "ref": "2684" }, "key": "qkqmqTG3Tw", "runId": 25056481239, "webhookDebug": { "action": "requested", "head_branch": "default-color-rename", "head_repository_full_name": "TypeCellOS/BlockNote", "full_name": "TypeCellOS/BlockNote", "isPullRequest": true, "prNumber": 2684, "prNumberType": "number", "isNewPullRequest": true, "isOldPullRequest": false, "prKey": "TypeCellOS/BlockNote:default-color-rename", "oldPrDataHash": "tq1msM6u2k", "lookupKey": "TypeCellOS/BlockNote:default-color-rename", "data": { "owner": "TypeCellOS", "repo": "BlockNote", "sha": "e587cb0b01a49a19c722384dbd312256bbed669b", "ref": "2684" } } }
🎭 Playwright Run Summary
1 flaky [firefox] › src/end-to-end/colors/colors.test.ts:44:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark 14 skipped 73 passed (1.6m)
🎭 Playwright Run Summary
1 failed [webkit] › src/end-to-end/static/static.test.ts:10:7 › Check static rendering › Check static rendering 39 passed (1.1m)
🎭 Playwright Run Summary
10 skipped 78 passed (2.0m)

Artifacts

Produced during runtime
Name Size Digest
blob-report-chromium-1 Expired
120 KB
sha256:e87dffb65f7358cae728c597f5bc0751acce9dbb95c519d557d59ae68689a696
blob-report-chromium-2 Expired
235 KB
sha256:d280546f37761054c5995b2e94cb77eb7ca042dc0bd9d849d96b2aa2da3f70a6
blob-report-firefox-1 Expired
459 KB
sha256:d14ff4b821a56fec37c797732a0ef081905be02e8342daeac6f044e97885c7ed
blob-report-firefox-2 Expired
273 KB
sha256:ac94df9af521d29fd975e347404492cd2c66104207d0177ec4dedf42b8d2ed33
blob-report-webkit-1 Expired
115 KB
sha256:08f3317fc17d8282326ec7bc51152e1bc19fbdf24b1929c01909762227ccc753
blob-report-webkit-2 Expired
320 KB
sha256:e907bc3bbd6005abd41cae5ba3f4fd585d62ef010cc3d7612cabfb1c3daebfe0
playwright-build Expired
21.5 MB
sha256:2f5ea42d345419bbf5c269f9b1d6a057baf42890d94e3c2ae101bea13fe900a0
playwright-report-chromium-1 Expired
254 KB
sha256:f519ea0487772264f2320e7bc35e9d264bc2922576dc732c0e42b4f6099008ac
playwright-report-chromium-2 Expired
748 KB
sha256:7a05769eac56c05f7aabb09c45e54cb43b0c8defe94ea4e0e73313776a3bcf9f
playwright-report-firefox-1 Expired
977 KB
sha256:76eb2a06b18f0ff4f25a415e9076c17cf042d36f435d2b13f30ee6963b8a339d
playwright-report-firefox-2 Expired
781 KB
sha256:be8cd7734a2234ce971d1d02e66c6597e1d63d8809d29a783e6feaed87e0a491
playwright-report-merged Expired
1.55 MB
sha256:898f422e3b35503469011bc2cd26661b13d901ec4c9f36be91ce8012a9d978a1
playwright-report-webkit-1 Expired
251 KB
sha256:ba56bf537d5ed86ad56b4d8b9f80128ca4cc792875a3648e002cd80c2cd396fc
playwright-report-webkit-2 Expired
790 KB
sha256:f84a334f1f05564ad0dc694c4c7719a83167c2f7ad153548002eb4e3147666f3
relative-ci-artifacts-editor
48.3 KB
sha256:bd50575f4b65ea3eb73d32c224d7e6d8b643151b8b74c06671a18b0cbfb66fb3