feat: Dark mode styling for file block wrapper component (BLO-866) #7526
matthewlipskibuild.yml
on: pull_request
Playwright Build
2m 30s
Build
5m 31s
Matrix: playwright
Merge Playwright Reports
46s
Annotations
13 errors, 1 warning, and 7 notices
|
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
|
|
[chromium] › src/end-to-end/customblocks/customblocks.test.ts:10:7 › Check custom block functionality › Should be able to interactively update vanilla custom blocks:
tests/src/end-to-end/customblocks/customblocks.test.ts#L19
1) [chromium] › src/end-to-end/customblocks/customblocks.test.ts:10:7 › Check custom block functionality › Should be able to interactively update vanilla custom blocks
Error: expect(Buffer).toMatchSnapshot(expected)
8041 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/BlockNote/BlockNote/tests/src/end-to-end/customblocks/customblocks.test.ts-snapshots/vanilla-interactivity-chromium-linux.png
Received: /__w/BlockNote/BlockNote/tests/test-results/customblocks-customblocks--8679c-pdate-vanilla-custom-blocks-chromium/vanilla-interactivity-actual.png
Diff: /__w/BlockNote/BlockNote/tests/test-results/customblocks-customblocks--8679c-pdate-vanilla-custom-blocks-chromium/vanilla-interactivity-diff.png
17 |
18 | await compareDocToSnapshot(page, "vanillaInteractivity");
> 19 | expect(await page.screenshot()).toMatchSnapshot(
| ^
20 | "vanilla-interactivity.png",
21 | );
22 | });
at /__w/BlockNote/BlockNote/tests/src/end-to-end/customblocks/customblocks.test.ts:19: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 - 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
|
|
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
[firefox] › src/end-to-end/theming/theming.test.ts:95:7 › Check Dark Theme is Automatically Applied › Should show dark image toolbar
39 passed (54.4s)
|
|
🎭 Playwright Run Summary
1 flaky
[chromium] › src/end-to-end/customblocks/customblocks.test.ts:10:7 › Check custom block functionality › Should be able to interactively update vanilla custom blocks
2 skipped
85 passed (1.2m)
|
|
🎭 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.2m)
|
|
🎭 Playwright Run Summary
14 skipped
74 passed (1.5m)
|
|
🎭 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 (38.3s)
|
|
Build
{
"workflowData": {
"owner": "TypeCellOS",
"repo": "BlockNote",
"sha": "c7b8e2555593b68060abf9df65665b985b117192",
"ref": "2680"
},
"key": "wS9s94jzNR",
"runId": 25012750095,
"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
10 skipped
78 passed (1.9m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
blob-report-chromium-1
Expired
|
276 KB |
sha256:487ae871268b3d5efd42c69887e6a9ba3be8146ca45434ad883f8e82a7c349ff
|
|
|
blob-report-chromium-2
Expired
|
503 KB |
sha256:ef737982ae31907c45fa2b7ed3f8ac11c0cc5703afb4136970168948e8fbfecb
|
|
|
blob-report-firefox-1
Expired
|
107 KB |
sha256:9fc7243496b0fdedc026c1d8e695a0836433416e6f82368fcbafcbbd5d5eabed
|
|
|
blob-report-firefox-2
Expired
|
461 KB |
sha256:5adb6e2433792a932188bee8ae5dbffcf059fb5df564bc2344cb59a349dac299
|
|
|
blob-report-webkit-1
Expired
|
115 KB |
sha256:c27df19fd1f3afa199126b7400004d6409921cf55b9d9e56d8000de4eb6fecf3
|
|
|
blob-report-webkit-2
Expired
|
670 KB |
sha256:daa0b4804a4529a52f6941e3bb3c3603291439ec92fa9dbcb4a5b06b6dbacaf5
|
|
|
playwright-build
Expired
|
21.5 MB |
sha256:9234978a5bf09b6e2a23cde733fb0b9ea8c7f64fc8f6b4b0b08a98ef980e88c9
|
|
|
playwright-report-chromium-1
|
793 KB |
sha256:252280bd0fb91b052310bd9da56707ffb765a149badd69cb37b55540e3768951
|
|
|
playwright-report-chromium-2
|
963 KB |
sha256:7a214075f877eb10f06189a8a41097129fc1186fb3ca683f1c2cab6bd73e189c
|
|
|
playwright-report-firefox-1
|
244 KB |
sha256:4bbd02af1989691e9e8b48ec137107e737a82bacf06d6c84d26939b2e7c177ee
|
|
|
playwright-report-firefox-2
|
937 KB |
sha256:94955594e789f17042a928a8a95efab367b1aebdfa78fa8d52ff3aba589e9f1d
|
|
|
playwright-report-merged
|
1.97 MB |
sha256:c806a8d6699acbb13db709103dc27a1251c97c7419a236d2d0de9a6664c6641b
|
|
|
playwright-report-webkit-1
|
251 KB |
sha256:d7bad720f41a82e1ad2c71037a95595e5cf3eeed3162b0b498dfd8eb7ae15314
|
|
|
playwright-report-webkit-2
|
1.02 MB |
sha256:7dc2ff0a436db6168b49d61bb4e70585541ea81b46e078a3bebfb74ce757d739
|
|
|
relative-ci-artifacts-editor
|
48.3 KB |
sha256:b0cbd652d57df30b1d0491ae0b5998ba203686a990f231d94ceca90451ce322d
|
|