feat: Color scheme customization #1091
matthewlipskiAnnotations
10 errors, 6 warnings, and 1 notice
|
[chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark:
tests/end-to-end/colors/colors.test.ts#L43
1) [chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
Error: Screenshot comparison failed:
8085 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium/textColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium/textColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium/textColorMark-diff.png
41 | await page.waitForTimeout(500);
42 |
> 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png");
| ^
44 | });
45 | test("Should be able to apply a background color mark", async ({ page }) => {
46 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
|
|
[chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark:
tests/end-to-end/colors/colors.test.ts#L43
1) [chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8085 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry1/textColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry1/textColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry1/textColorMark-diff.png
41 | await page.waitForTimeout(500);
42 |
> 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png");
| ^
44 | });
45 | test("Should be able to apply a background color mark", async ({ page }) => {
46 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
|
|
[chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark:
tests/end-to-end/colors/colors.test.ts#L43
1) [chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8085 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry2/textColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry2/textColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-apply-a-text-color-mark-chromium-retry2/textColorMark-diff.png
41 | await page.waitForTimeout(500);
42 |
> 43 | expect(await page.screenshot()).toMatchSnapshot("textColorMark.png");
| ^
44 | });
45 | test("Should be able to apply a background color mark", async ({ page }) => {
46 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:43:37
|
|
[chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark:
tests/end-to-end/colors/colors.test.ts#L68
2) [chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
Error: Screenshot comparison failed:
8063 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium/backgroundColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium/backgroundColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium/backgroundColorMark-diff.png
66 | await page.waitForTimeout(500);
67 |
> 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png");
| ^
69 | });
70 | test("Should be able to set block text color", async ({ page }) => {
71 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
|
|
[chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark:
tests/end-to-end/colors/colors.test.ts#L68
2) [chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8063 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry1/backgroundColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry1/backgroundColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry1/backgroundColorMark-diff.png
66 | await page.waitForTimeout(500);
67 |
> 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png");
| ^
69 | });
70 | test("Should be able to set block text color", async ({ page }) => {
71 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
|
|
[chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark:
tests/end-to-end/colors/colors.test.ts#L68
2) [chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8063 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry2/backgroundColorMark-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry2/backgroundColorMark-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Func-56edd-Should-be-able-to-apply-a-background-color-mark-chromium-retry2/backgroundColorMark-diff.png
66 | await page.waitForTimeout(500);
67 |
> 68 | expect(await page.screenshot()).toMatchSnapshot("backgroundColorMark.png");
| ^
69 | });
70 | test("Should be able to set block text color", async ({ page }) => {
71 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:68:37
|
|
[chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color:
tests/end-to-end/colors/colors.test.ts#L92
3) [chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
Error: Screenshot comparison failed:
8850 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium/blockTextColor-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium/blockTextColor-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium/blockTextColor-diff.png
90 | await page.waitForTimeout(500);
91 |
> 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png");
| ^
93 | });
94 | test("Should be able to set block background color", async ({ page }) => {
95 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
|
|
[chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color:
tests/end-to-end/colors/colors.test.ts#L92
3) [chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8850 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry1/blockTextColor-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry1/blockTextColor-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry1/blockTextColor-diff.png
90 | await page.waitForTimeout(500);
91 |
> 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png");
| ^
93 | });
94 | test("Should be able to set block background color", async ({ page }) => {
95 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
|
|
[chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color:
tests/end-to-end/colors/colors.test.ts#L92
3) [chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
8850 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry2/blockTextColor-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry2/blockTextColor-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-text-color-chromium-retry2/blockTextColor-diff.png
90 | await page.waitForTimeout(500);
91 |
> 92 | expect(await page.screenshot()).toMatchSnapshot("blockTextColor.png");
| ^
93 | });
94 | test("Should be able to set block background color", async ({ page }) => {
95 | await focusOnEditor(page);
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:92:37
|
|
[chromium] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color:
tests/end-to-end/colors/colors.test.ts#L116
4) [chromium] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color
Error: Screenshot comparison failed:
8891 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-chromium/blockBackgroundColor-expected.png
Received: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-chromium/blockBackgroundColor-actual.png
Diff: /home/runner/work/BlockNote/BlockNote/test-results/colors-colors-Check-Background-Text-Color-Functionality-Should-be-able-to-set-block-background-color-chromium/blockBackgroundColor-diff.png
114 | await page.waitForTimeout(500);
115 |
> 116 | expect(await page.screenshot()).toMatchSnapshot("blockBackgroundColor.png");
| ^
117 | });
118 | });
119 |
at /home/runner/work/BlockNote/BlockNote/tests/end-to-end/colors/colors.test.ts:116:37
|
|
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] › colors/colors.test.ts#L1
[webkit] › colors/colors.test.ts took 1.3m
|
|
Slow Test:
[firefox] › colors/colors.test.ts#L1
[firefox] › colors/colors.test.ts took 52.6s
|
|
Slow Test:
[webkit] › slashmenu/slashmenu.test.ts#L1
[webkit] › slashmenu/slashmenu.test.ts took 46.4s
|
|
Slow Test:
[chromium] › colors/colors.test.ts#L1
[chromium] › colors/colors.test.ts took 40.8s
|
|
Slow Test:
[webkit] › keyboardhandlers/keyboardhandlers.test.ts#L1
[webkit] › keyboardhandlers/keyboardhandlers.test.ts took 40.0s
|
|
🎭 Playwright Run Summary
27 failed
[chromium] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
[chromium] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
[chromium] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
[chromium] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color
[chromium] › draghandle/draghandle.test.ts:76:7 › Check Draghandle functionality › Clicking draghandle should open menu
[chromium] › placeholder/placeholder.test.ts:10:7 › Basic placeholder functionality › should show placeholder on load
[chromium] › slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots
[chromium] › textalignment/textAlignment.test.ts:17:7 › Check Text Alignment Functionality › Should be able to set text alignment on single block
[chromium] › textalignment/textAlignment.test.ts:41:7 › Check Text Alignment Functionality › Should be able to set text alignment on multiple blocks
[firefox] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
[firefox] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
[firefox] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
[firefox] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color
[firefox] › draghandle/draghandle.test.ts:76:7 › Check Draghandle functionality › Clicking draghandle should open menu
[firefox] › placeholder/placeholder.test.ts:10:7 › Basic placeholder functionality › should show placeholder on load
[firefox] › slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots
[firefox] › textalignment/textAlignment.test.ts:17:7 › Check Text Alignment Functionality › Should be able to set text alignment on single block
[firefox] › textalignment/textAlignment.test.ts:41:7 › Check Text Alignment Functionality › Should be able to set text alignment on multiple blocks
[webkit] › colors/colors.test.ts:20:7 › Check Background & Text Color Functionality › Should be able to apply a text color mark
[webkit] › colors/colors.test.ts:45:7 › Check Background & Text Color Functionality › Should be able to apply a background color mark
[webkit] › colors/colors.test.ts:70:7 › Check Background & Text Color Functionality › Should be able to set block text color
[webkit] › colors/colors.test.ts:94:7 › Check Background & Text Color Functionality › Should be able to set block background color
[webkit] › draghandle/draghandle.test.ts:76:7 › Check Draghandle functionality › Clicking draghandle should open menu
[webkit] › placeholder/placeholder.test.ts:10:7 › Basic placeholder functionality › should show placeholder on load
[webkit] › slashmenu/slashmenu.test.ts:117:7 › Check SlashMenu Functionality › Should be able to create complex documents that match snapshots
[webkit] › textalignment/textAlignment.test.ts:17:7 › Check Text Alignment Functionality › Should be able to set text alignment on single block
[webkit] › textalignment/textAlignment.test.ts:41:7 › Check Text Alignment Functionality › Should be able to set text alignment on multiple blocks
3 flaky
[chromium] › keyboardhandlers/keyboardhandlers.test.ts:40:7 › Check Keyboard Handlers' Behaviour › Check Enter preserves marks
[webkit] › dragdrop/dragdrop.test.ts:44:7 › Check Block Dragging Functionality › Should be able to drag & drop nested blocks
[webkit] › keyboardhandlers/keyboardhandlers.test.ts:75:7 › Check Keyboard Handlers' Beh
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
playwright-report
Expired
|
31.6 MB |
|