Error: Snapshot `Export tests (BlockNote HTML) > table/headerRows 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col /> + <col /> - <col /> + <col /> - <col /> + <col /> - </colgroup> + </colgroup> - <tr> + <tr> - <th colspan="1" rowspan="1"> + <th colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </th> + </th> - <th colspan="1" rowspan="1"> + <th colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </th> + </th> - <th colspan="1" rowspan="1"> + <th colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </th> + </th> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > table/mixedRowspansAndColspans 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col style="width: 100px;" /> + <col style="width: 100px;" /> - <col style="width: 200px;" /> + <col style="width: 200px;" /> - <col style="width: 300px;" /> + <col style="width: 300px;" /> - </colgroup> + </colgroup> - <tr> + <tr> - <td + <td - data-text-color="blue" + data-text-color="blue" - data-background-color="red" + data-background-color="red" - colspan="2" + colspan="2" - rowspan="1" + rowspan="1" - colwidth="100,200" + colwidth="100,200" - > - <p>Table Cell</p> + > + <p>Table Cell</p> - </td> + </td> - <td + <td - data-text-color="red" + data-text-color="red" - data-background-color="yellow" + data-background-color="yellow" - colspan="1" + colspan="1" - rowspan="1" + rowspan="1" - colwidth="300" + colwidth="300" - > + > - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="2" colwidth="100"> + <td colspan="1" rowspan="2" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="2" rowspan="1" colwidth="200,300"> + <td colspan="2" rowspan="1" colwidth="200,300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="200"> + <td colspan="1" rowspan="1" colwidth="200"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > table/mixedCellColors 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col style="width: 100px;" /> + <col style="width: 100px;" /> - <col /> + <col /> - <col style="width: 300px;" /> + <col style="width: 300px;" /> - </colgroup> + </colgroup> - <tr> + <tr> - <td + <td - data-text-color="blue" + data-text-color="blue" - data-background-color="red" + data-background-color="red" - colspan="1" + colspan="1" - rowspan="1" + rowspan="1" - colwidth="100" + colwidth="100" - > - <p>Table Cell</p> + > + <p>Table Cell</p> - </td> + </td> - <td data-background-color="blue" colspan="1" rowspan="1"> + <td data-background-color="blue" colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td + <td - data-text-color="red" + data-text-color="red" - data-background-color="yellow" + data-background-color="yellow" - colspan="1" + colspan="1" - rowspan="1" + rowspan="1" - colwidth="300" + colwidth="300" - > - <p>Table Cell</p> + > + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core

Error: Snapshot `Export tests (BlockNote HTML) > table/mixedColWidths 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col style="width: 100px;" /> + <col style="width: 100px;" /> - <col /> + <col /> - <col style="width: 300px;" /> + <col style="width: 300px;" /> - </colgroup> + </colgroup> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > table/allColWidths 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col style="width: 100px;" /> + <col style="width: 100px;" /> - <col style="width: 200px;" /> + <col style="width: 200px;" /> - <col style="width: 300px;" /> + <col style="width: 300px;" /> - </colgroup> + </colgroup> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="200"> + <td colspan="1" rowspan="1" colwidth="200"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="200"> + <td colspan="1" rowspan="1" colwidth="200"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1" colwidth="100"> + <td colspan="1" rowspan="1" colwidth="100"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="200"> + <td colspan="1" rowspan="1" colwidth="200"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1" colwidth="300"> + <td colspan="1" rowspan="1" colwidth="300"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > table/basic 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="table"> - <table class="bn-inline-content"> - <colgroup> + <div class="tableWrapper"> + <div class="tableWrapper-inner"></div> + <table + class="bn-inline-content" + style="--default-cell-min-width: 120px;" + data-show-children="true" + > + <colgroup> - <col /> + <col /> - <col /> + <col /> - <col /> + <col /> - </colgroup> + </colgroup> - <tr> + <tr> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - <tr> + <tr> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - <td colspan="1" rowspan="1"> + <td colspan="1" rowspan="1"> - <p>Table Cell</p> + <p>Table Cell</p> - </td> + </td> - </tr> + </tr> - </table> + </table> + </div> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > codeBlock/empty 1` mismatched - Expected + Received @@ -7,11 +7,13 @@ <option value="javascript">JavaScript</option> <option value="python">Python</option> </select> </div> <pre> - <code class="bn-inline-content"></code> + <code class="bn-inline-content"> + <br class="ProseMirror-trailingBreak" /> + </code> </pre> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > lists/nested 1` mismatched - Expected + Received @@ -12,26 +12,34 @@ <p class="bn-inline-content">Bullet List Item 2</p> </div> <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="3"> <div class="bn-block" data-node-type="blockContainer" data-id="3"> - <div class="bn-block-content" data-content-type="numberedListItem"> + <div + class="bn-block-content" + data-content-type="numberedListItem" + data-index="1" + > <p class="bn-inline-content">Numbered List Item 1</p> </div> </div> </div> <div class="bn-block-outer" data-node-type="blockOuter" data-id="4"> <div class="bn-block" data-node-type="blockContainer" data-id="4"> - <div class="bn-block-content" data-content-type="numberedListItem"> + <div + class="bn-block-content" + data-content-type="numberedListItem" + data-index="2" + > <p class="bn-inline-content">Numbered List Item 2</p> </div> <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="5"> <div class="bn-block" data-node-type="blockContainer" data-id="5"> <div class="bn-block-content" data-content-type="checkListItem"> <div> - <input type="checkbox" /> + <input type="checkbox" disabled="" /> </div> <p class="bn-inline-content">Check List Item 1</p> </div> </div> </div> @@ -41,20 +49,20 @@ class="bn-block-content" data-content-type="checkListItem" data-checked="true" > <div> - <input type="checkbox" checked="" /> + <input type="checkbox" checked="" disabled="" /> </div> <p class="bn-inline-content">Check List Item 2</p> </div> <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="7"> <div class="bn-block" data-node-type="blockContainer" data-id="7"> <div class="bn-block-content" data-content-type="toggleListItem"> <div> - <div class="bn-toggle-wrapper" data-show-children="false"> + <div class="bn-toggle-wrapper" data-show-children="true"> <button class="bn-toggle-button" type="button"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > lists/basic 1` mismatched - Expected + Received @@ -13,27 +13,35 @@ </div> </div> </div> <div class="bn-block-outer" data-node-type="blockOuter" data-id="3"> <div class="bn-block" data-node-type="blockContainer" data-id="3"> - <div class="bn-block-content" data-content-type="numberedListItem"> + <div + class="bn-block-content" + data-content-type="numberedListItem" + data-index="1" + > <p class="bn-inline-content">Numbered List Item 1</p> </div> </div> </div> <div class="bn-block-outer" data-node-type="blockOuter" data-id="4"> <div class="bn-block" data-node-type="blockContainer" data-id="4"> - <div class="bn-block-content" data-content-type="numberedListItem"> + <div + class="bn-block-content" + data-content-type="numberedListItem" + data-index="2" + > <p class="bn-inline-content">Numbered List Item 2</p> </div> </div> </div> <div class="bn-block-outer" data-node-type="blockOuter" data-id="5"> <div class="bn-block" data-node-type="blockContainer" data-id="5"> <div class="bn-block-content" data-content-type="checkListItem"> <div> - <input type="checkbox" /> + <input type="checkbox" disabled="" /> </div> <p class="bn-inline-content">Check List Item 1</p> </div> </div> </div> @@ -43,21 +51,21 @@ class="bn-block-content" data-content-type="checkListItem" data-checked="true" > <div> - <input type="checkbox" checked="" /> + <input type="checkbox" checked="" disabled="" /> </div> <p class="bn-inline-content">Check List Item 2</p> </div> </div> </div> <div class="bn-block-outer" data-node-type="blockOuter" data-id="7"> <div class="bn-block" data-node-type="blockContainer" data-id="7"> <div class="bn-block-content" data-content-type="toggleListItem"> <div> - <div class="bn-toggle-wrapper" data-show-children="false"> + <div class="bn-toggle-wrapper" data-show-children="true"> <button class="bn-toggle-button" type="button"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

Error: Snapshot `Export tests (BlockNote HTML) > paragraph/empty 1` mismatched - Expected + Received <div class="bn-block-group" data-node-type="blockGroup"> <div class="bn-block-outer" data-node-type="blockOuter" data-id="1"> <div class="bn-block" data-node-type="blockContainer" data-id="1"> <div class="bn-block-content" data-content-type="paragraph"> - <p class="bn-inline-content"></p> + <p class="bn-inline-content"> + <br class="ProseMirror-trailingBreak" /> + </p> </div> </div> </div> </div> ❯ testExportBlockNoteHTML src/unit/shared/formatConversion/export/exportTestExecutors.ts:26:3 ❯ src/unit/core/formatConversion/export/runTests.test.ts:20:7

1) [webkit] › src/end-to-end/basics/basicblocks.test.ts:11:7 › Check basic text block appearance › Check basic text block appearance Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-content-type="video"] .bn-file-caption') 17 | await page.waitForTimeout(500); 18 | > 19 | await page.locator(`[data-content-type="video"] .bn-file-caption`).click(); | ^ 20 | await page.keyboard.press("Backspace"); 21 | await page.waitForTimeout(500); 22 | at /__w/BlockNote/BlockNote/tests/src/end-to-end/basics/basicblocks.test.ts:19:72

1) [webkit] › src/end-to-end/basics/basicblocks.test.ts:11:7 › Check basic text block appearance › Check basic text block appearance Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [webkit] › src/end-to-end/basics/basicblocks.test.ts:11:7 › Check basic text block appearance › Check basic text block appearance Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('[data-content-type="video"] .bn-file-caption') 17 | await page.waitForTimeout(500); 18 | > 19 | await page.locator(`[data-content-type="video"] .bn-file-caption`).click(); | ^ 20 | await page.keyboard.press("Backspace"); 21 | await page.waitForTimeout(500); 22 | at /__w/BlockNote/BlockNote/tests/src/end-to-end/basics/basicblocks.test.ts:19:72

1) [webkit] › src/end-to-end/basics/basicblocks.test.ts:11:7 › Check basic text block appearance › Check basic text block appearance Test timeout of 30000ms exceeded.

1 skipped 99 passed (2.3m)

11 skipped 89 passed (2.8m)