Skip to content

feat: Color scheme customization #1120

feat: Color scheme customization

feat: Color scheme customization #1120

Triggered via pull request August 13, 2023 18:34
Status Failure
Total duration 12m 9s
Artifacts 1

build.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 6 warnings, and 1 notice
[chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
1) [chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Error: Screenshot comparison failed: 140415 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
1) [chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 140415 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry1/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry1/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry1/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
1) [chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 140415 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry2/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry2/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-chromium-retry2/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
2) [firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Error: Screenshot comparison failed: 141202 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
2) [firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 141202 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry1/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry1/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry1/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
2) [firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 141202 pixels (ratio 0.16 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry2/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry2/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-firefox-retry2/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
3) [webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Error: Screenshot comparison failed: 539308 pixels (ratio 0.15 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
3) [webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 539308 pixels (ratio 0.15 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry1/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry1/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry1/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar: tests/end-to-end/theming/theming.test.ts#L35
3) [webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 539308 pixels (ratio 0.15 of all image pixels) are different. Expected: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry2/dark-slash-menu-expected.png Received: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry2/dark-slash-menu-actual.png Diff: /home/runner/work/BlockNote/BlockNote/test-results/theming-theming-Check-Dark-Theme-is-Automatically-Applied-Should-show-dark-formatting-toolbar-webkit-retry2/dark-slash-menu-diff.png 33 | await page.waitForTimeout(500); 34 | await page.pause(); > 35 | expect(await page.screenshot()).toMatchSnapshot("dark-slash-menu.png"); | ^ 36 | }); 37 | test("Should show dark hyperlink toolbar", async ({ page }) => { 38 | await focusOnEditor(page); at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/theming/theming.test.ts:35:37
[chromium] › copypaste/copypaste.test.ts:35:7 › Check Copy/Paste Functionality › Headings should keep formatting: tests/utils/editor.ts#L37
4) [chromium] › copypaste/copypaste.test.ts:35:7 › Check Copy/Paste Functionality › Headings should keep formatting Error: Snapshot comparison failed: { "type": "doc", "content": [ { "type": "blockGroup", "content": [ { "type": "blockContainer", "attrs": { "id": "0", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "heading", "attrs": { "textAlignment": "left", "level": "1" }, "content": [ { "type": "text", "text": "Heading" } ] } ] }, { "type": "blockContainer", "attrs": { "id": "1", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "heading", "attrs": { "textAlignment": "left", "level": "2" }, "content": [ { "type": "text", "text": "Heading" } ] } ] }, { "type": "blockContainer", "attrs": { "id": "2", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "heading", "attrs": { "textAlignment": "left", "level": "3" }, "content": [ { "type": "text", "text": "Heading" } ] } ] }, { "type": "blockContainer", "attrs": { "id": "3", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "paragraph", "attrs": { "textAlignment": "left" } } ] }, { "type": "blockContainer", "attrs": { "id": "5", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "heading", "attrs": { "textAlignment": "left", "level": "1" }, "content": [ { "type": "text", "marks": [ { "type": "bold" } ], "text": "Heading" } ] } ] }, { "type": "blockContainer", "attrs": { "id": "6", "textColor": "default", "backgroundColor": "default" }, "content": [ { "type": "heading", "attrs": { "textAlignment": "left", "level": "2"
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] › keyboardhandlers/keyboardhandlers.test.ts#L1
[webkit] › keyboardhandlers/keyboardhandlers.test.ts took 38.4s
Slow Test: [webkit] › draghandle/draghandle.test.ts#L1
[webkit] › draghandle/draghandle.test.ts took 25.7s
Slow Test: [webkit] › theming/theming.test.ts#L1
[webkit] › theming/theming.test.ts took 24.4s
Slow Test: [webkit] › slashmenu/slashmenu.test.ts#L1
[webkit] › slashmenu/slashmenu.test.ts took 22.9s
Slow Test: [firefox] › draghandle/draghandle.test.ts#L1
[firefox] › draghandle/draghandle.test.ts took 21.9s
🎭 Playwright Run Summary
3 failed [chromium] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar [firefox] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar [webkit] › theming/theming.test.ts:28:7 › Check Dark Theme is Automatically Applied › Should show dark formatting toolbar 3 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 16 skipped 143 passed (6.9m)

Artifacts

Produced during runtime
Name Size
playwright-report Expired
12.4 MB