feat: Color scheme customization #1120
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 |
|