feat: Dark mode styling for file block wrapper component (BLO-866) #7527
coderabbitai[bot]build.yml
on: pull_request
Playwright Build
1m 5s
Build
4m 9s
Matrix: playwright
Merge Playwright Reports
54s
Annotations
13 errors, 1 warning, and 7 notices
|
Playwright Tests - chromium (2/2)
Process completed with exit code 1.
|
|
[chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
29445 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-chromium-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium-retry2/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium-retry2/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
29445 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-chromium-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium-retry1/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium-retry1/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [chromium] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Error: expect(Buffer).toMatchSnapshot(expected)
29445 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-chromium-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-chromium/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
Playwright Tests - webkit (2/2)
Process completed with exit code 1.
|
|
[webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
118613 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-webkit-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit-retry2/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit-retry2/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
118613 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-webkit-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit-retry1/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit-retry1/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Error: expect(Buffer).toMatchSnapshot(expected)
118613 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-webkit-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-webkit/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
Playwright Tests - firefox (2/2)
Process completed with exit code 1.
|
|
[firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
29543 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-firefox-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox-retry2/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox-retry2/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
29543 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-firefox-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox-retry1/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox-retry1/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar:
tests/src/end-to-end/theming/theming.test.ts#L100
1) [firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
Error: expect(Buffer).toMatchSnapshot(expected)
29543 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts-snapshots/dark-image-toolbar-firefox-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox/dark-image-toolbar-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/theming-theming-Check-Dark-42696-uld-show-dark-image-toolbar-firefox/dark-image-toolbar-diff.png
98 |
99 | await page.waitForTimeout(500);
> 100 | expect(await page.screenshot()).toMatchSnapshot("dark-image-toolbar.png");
| ^
101 | });
102 | });
103 |
at /__w/BlockNote/BlockNote/tests/src/end-to-end/theming/theming.test.ts:100:37
|
|
[webkit] › src/end-to-end/keyboardhandlers/keyboardhandlers.test.ts:275:7 › Check Keyboard Handlers' Behaviour › Check Delete end of block with multiple children:
tests/src/utils/editor.ts#L47
1) [webkit] › src/end-to-end/keyboardhandlers/keyboardhandlers.test.ts:275:7 › Check Keyboard Handlers' Behaviour › Check Delete end of block with multiple children
Error: expect(string).toMatchSnapshot(expected)
@@ -18,21 +18,21 @@
"textAlignment": "left"
},
"content": [
{
"type": "text",
- "text": "ParagraphParagraph"
+ "text": "Paragraph"
}
]
},
{
"type": "blockGroup",
"content": [
{
"type": "blockContainer",
"attrs": {
- "id": "2"
+ "id": "1"
},
"content": [
{
"type": "paragraph",
"attrs": {
@@ -41,11 +41,11 @@
"textAlignment": "left"
},
"content": [
{
"type": "text",
- "text": "Paragraph"
+ "text": "ParagraphParagraph"
}
]
}
]
}
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/keyboardhandlers/keyboardhandlers.test.ts-snapshots/deleteMultipleChildren-json-webkit-linux.json
Received: /__w/BlockNote/BlockNote/tests/test-results/keyboardhandlers-keyboardh-14f97-lock-with-multiple-children-webkit/deleteMultipleChildren-json-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/keyboardhandlers/keyboardhandlers.test.ts:288:5
|
|
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/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
39 passed (43.7s)
|
|
🎭 Playwright Run Summary
1 failed
[webkit] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
39 passed (1.1m)
|
|
🎭 Playwright Run Summary
1 failed
[firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
39 passed (56.1s)
|
|
🎭 Playwright Run Summary
2 skipped
86 passed (1.2m)
|
|
🎭 Playwright Run Summary
14 skipped
74 passed (1.6m)
|
|
Build
{
"workflowData": {
"owner": "TypeCellOS",
"repo": "BlockNote",
"sha": "c7b8e2555593b68060abf9df65665b985b117192",
"ref": "2680"
},
"key": "p9XxO82zcW",
"runId": 25012814834,
"webhookDebug": {
"action": "requested",
"head_branch": "media-block-dark-mode",
"head_repository_full_name": "TypeCellOS/BlockNote",
"full_name": "TypeCellOS/BlockNote",
"isPullRequest": true,
"prNumber": 2680,
"prNumberType": "number",
"isNewPullRequest": true,
"isOldPullRequest": false,
"prKey": "TypeCellOS/BlockNote:media-block-dark-mode",
"oldPrDataHash": "XH2uPgB2tX",
"lookupKey": "TypeCellOS/BlockNote:media-block-dark-mode",
"data": {
"owner": "TypeCellOS",
"repo": "BlockNote",
"sha": "c7b8e2555593b68060abf9df65665b985b117192",
"ref": "2680"
}
}
}
|
|
🎭 Playwright Run Summary
1 flaky
[webkit] › src/end-to-end/keyboardhandlers/keyboardhandlers.test.ts:275:7 › Check Keyboard Handlers' Behaviour › Check Delete end of block with multiple children
10 skipped
77 passed (2.6m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
blob-report-chromium-1
Expired
|
120 KB |
sha256:ff304c099c2fd5b2c87a254f2261e8f34c0573d9a956a8ab1ea73c920afe5516
|
|
|
blob-report-chromium-2
Expired
|
521 KB |
sha256:5304722b0bd086234bfd6e56aceba243f51c8a63669fdd6f90d833ddd2048295
|
|
|
blob-report-firefox-1
Expired
|
107 KB |
sha256:6a9c6d275468649ce0e95f23aa3f1291ecdfea10a44ac23c3fe401303ba097db
|
|
|
blob-report-firefox-2
Expired
|
479 KB |
sha256:b99d8eb4f53a8818fc850f7f357a8e82f271ab30354df9a7b02156ab909e79b9
|
|
|
blob-report-webkit-1
Expired
|
5.31 MB |
sha256:5782946c2b2b18dd1d83b3f6bc3a8d7f03b4a199226a01b45e7b3f8272772fe2
|
|
|
blob-report-webkit-2
Expired
|
626 KB |
sha256:78fadb6dbd9a0b8c09276ed07c2ace248487caeedde78850268f63553997278c
|
|
|
playwright-build
Expired
|
21.5 MB |
sha256:73be03335ccfe271cf7db4e2e912fc07dad769203f66055dca5c92f3d88f6cb5
|
|
|
playwright-report-chromium-1
|
254 KB |
sha256:9be0f7797090e6fcea8703f6d9ee9d158ce0eed682253c8acb598a7d608d311e
|
|
|
playwright-report-chromium-2
|
983 KB |
sha256:d596f4183e6a81135b708ae5215e8b1aff7443630197a0053979b6d5ed3b7e85
|
|
|
playwright-report-firefox-1
|
245 KB |
sha256:a031280aadbecd4eac71956935029eb49581dec80b910aa39bac9baa76e0adf8
|
|
|
playwright-report-firefox-2
|
956 KB |
sha256:0acb91484165550169834f3aa002805b105a2535a161e74d57822f4a79008881
|
|
|
playwright-report-merged
|
6.99 MB |
sha256:74dda5780147251d34329fe8e386836780c107b5a3e497de6d575ce185a158c5
|
|
|
playwright-report-webkit-1
|
5.8 MB |
sha256:1a8e0d33e4f80f92f2b6996db7058e71d41c9b48a24159d5e9fdd7c9741c76f0
|
|
|
playwright-report-webkit-2
|
1000 KB |
sha256:611dd58375ca95d8313fc312a5e51f430560fe24a41b0b29509f3c36cb613d27
|
|
|
relative-ci-artifacts-editor
|
48.3 KB |
sha256:a3da1bbc4155db9bb8bac67a231a4d540ebd573ff35a93cc269f61dd1c8647d1
|
|