@blocknote/core 0.28.0 → 0.29.1

package/src/api/blockManipulation/commands/updateBlock/updateBlock.test.ts

@@ -53,274 +53,367 @@ describe("Test updateBlock typing", () => {
 
 describe("Test updateBlock", () => {
   it.skip("Update ID", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      id: "new-id",
-    });
-
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          id: "new-id",
+        })
+      )
+    ).toMatchSnapshot();
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update type", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      type: "paragraph",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          type: "paragraph",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update single prop", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      props: {
-        level: 3,
-      },
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          props: {
+            level: 3,
+          },
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update all props", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      props: {
-        backgroundColor: "blue",
-        level: 3,
-        textAlignment: "right",
-        textColor: "blue",
-      },
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          props: {
+            backgroundColor: "blue",
+            level: 3,
+            textAlignment: "right",
+            textColor: "blue",
+          },
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Revert single prop", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      props: {
-        level: undefined,
-      },
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          props: {
+            level: undefined,
+          },
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Revert all props", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      props: {
-        backgroundColor: undefined,
-        level: undefined,
-        textAlignment: undefined,
-        textColor: undefined,
-      },
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          props: {
+            backgroundColor: undefined,
+            level: undefined,
+            textAlignment: undefined,
+            textColor: undefined,
+          },
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update with plain content", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      content: "New content",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          content: "New content",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update with styled content", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      content: [
-        { type: "text", text: "New", styles: { backgroundColor: "blue" } },
-        { type: "text", text: " ", styles: {} },
-        { type: "text", text: "content", styles: { backgroundColor: "blue" } },
-      ],
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          content: [
+            {
+              type: "text",
+              text: "New",
+              styles: { backgroundColor: "blue" },
+            },
+            { type: "text", text: " ", styles: {} },
+            {
+              type: "text",
+              text: "content",
+              styles: { backgroundColor: "blue" },
+            },
+          ],
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update children", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      children: [
-        {
-          id: "new-nested-paragraph",
-          type: "paragraph",
-          content: "New nested Paragraph 2",
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
           children: [
             {
-              id: "new-double-nested-paragraph",
+              id: "new-nested-paragraph",
               type: "paragraph",
-              content: "New double Nested Paragraph 2",
+              content: "New nested Paragraph 2",
+              children: [
+                {
+                  id: "new-double-nested-paragraph",
+                  type: "paragraph",
+                  content: "New double Nested Paragraph 2",
+                },
+              ],
             },
           ],
-        },
-      ],
-    });
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it.skip("Update everything", () => {
-    updateBlock(getEditor(), "heading-with-everything", {
-      id: "new-id",
-      type: "paragraph",
-      props: {
-        backgroundColor: "blue",
-        textAlignment: "right",
-        textColor: "blue",
-      },
-      content: [
-        { type: "text", text: "New", styles: { backgroundColor: "blue" } },
-        { type: "text", text: " ", styles: {} },
-        { type: "text", text: "content", styles: { backgroundColor: "blue" } },
-      ],
-      children: [
-        {
-          id: "new-nested-paragraph",
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "heading-with-everything", {
+          id: "new-id",
           type: "paragraph",
-          content: "New nested Paragraph 2",
+          props: {
+            backgroundColor: "blue",
+            textAlignment: "right",
+            textColor: "blue",
+          },
+          content: [
+            {
+              type: "text",
+              text: "New",
+              styles: { backgroundColor: "blue" },
+            },
+            { type: "text", text: " ", styles: {} },
+            {
+              type: "text",
+              text: "content",
+              styles: { backgroundColor: "blue" },
+            },
+          ],
           children: [
             {
-              id: "new-double-nested-paragraph",
+              id: "new-nested-paragraph",
               type: "paragraph",
-              content: "New double Nested Paragraph 2",
+              content: "New nested Paragraph 2",
+              children: [
+                {
+                  id: "new-double-nested-paragraph",
+                  type: "paragraph",
+                  content: "New double Nested Paragraph 2",
+                },
+              ],
             },
           ],
-        },
-      ],
-    });
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update inline content to empty table content", () => {
     expect(() => {
-      updateBlock(getEditor(), "paragraph-0", {
-        type: "table",
-      });
+      getEditor().transact((tr) =>
+        updateBlock(tr, "paragraph-0", {
+          type: "table",
+        })
+      );
     }).toThrow();
   });
 
   it("Update table content to empty inline content", () => {
-    updateBlock(getEditor(), "table-0", {
-      type: "paragraph",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "table-0", {
+          type: "paragraph",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update inline content to table content", () => {
-    updateBlock(getEditor(), "paragraph-0", {
-      type: "table",
-      content: {
-        type: "tableContent",
-        rows: [
-          {
-            cells: ["Cell 1", "Cell 2", "Cell 3"],
-          },
-          {
-            cells: ["Cell 4", "Cell 5", "Cell 6"],
-          },
-          {
-            cells: ["Cell 7", "Cell 8", "Cell 9"],
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "paragraph-0", {
+          type: "table",
+          content: {
+            type: "tableContent",
+            rows: [
+              {
+                cells: ["Cell 1", "Cell 2", "Cell 3"],
+              },
+              {
+                cells: ["Cell 4", "Cell 5", "Cell 6"],
+              },
+              {
+                cells: ["Cell 7", "Cell 8", "Cell 9"],
+              },
+            ],
           },
-        ],
-      },
-    });
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update table content to inline content", () => {
-    updateBlock(getEditor(), "table-0", {
-      type: "paragraph",
-      content: "Paragraph",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "table-0", {
+          type: "paragraph",
+          content: "Paragraph",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update inline content to no content", () => {
-    updateBlock(getEditor(), "paragraph-0", {
-      type: "image",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "paragraph-0", {
+          type: "image",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update no content to empty inline content", () => {
-    updateBlock(getEditor(), "image-0", {
-      type: "paragraph",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "image-0", {
+          type: "paragraph",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update no content to inline content", () => {
-    updateBlock(getEditor(), "image-0", {
-      type: "paragraph",
-      content: "Paragraph",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "image-0", {
+          type: "paragraph",
+          content: "Paragraph",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update no content to empty table content", () => {
-    updateBlock(getEditor(), "image-0", {
-      type: "table",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "image-0", {
+          type: "table",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update no content to table content", () => {
-    updateBlock(getEditor(), "image-0", {
-      type: "table",
-      content: {
-        type: "tableContent",
-        rows: [
-          {
-            cells: [
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "image-0", {
+          type: "table",
+          content: {
+            type: "tableContent",
+            rows: [
               {
-                type: "tableCell",
-                content: ["Cell 1"],
+                cells: [
+                  {
+                    type: "tableCell",
+                    content: ["Cell 1"],
+                  },
+                  {
+                    type: "tableCell",
+                    content: ["Cell 2"],
+                    props: {
+                      backgroundColor: "red",
+                      colspan: 1,
+                      rowspan: 1,
+                      textAlignment: "right",
+                      textColor: "red",
+                    },
+                  },
+                  {
+                    type: "tableCell",
+                    content: ["Cell 3"],
+                    props: {
+                      backgroundColor: "default",
+                      colspan: 1,
+                      rowspan: 1,
+                      textAlignment: "left",
+                      textColor: "default",
+                    },
+                  },
+                ],
               },
               {
-                type: "tableCell",
-                content: ["Cell 2"],
-                props: {
-                  backgroundColor: "red",
-                  colspan: 1,
-                  rowspan: 1,
-                  textAlignment: "right",
-                  textColor: "red",
-                },
+                cells: ["Cell 4", "Cell 5", "Cell 6"],
               },
               {
-                type: "tableCell",
-                content: ["Cell 3"],
-                props: {
-                  backgroundColor: "default",
-                  colspan: 1,
-                  rowspan: 1,
-                  textAlignment: "left",
-                  textColor: "default",
-                },
+                cells: ["Cell 7", "Cell 8", "Cell 9"],
               },
             ],
           },
-          {
-            cells: ["Cell 4", "Cell 5", "Cell 6"],
-          },
-          {
-            cells: ["Cell 7", "Cell 8", "Cell 9"],
-          },
-        ],
-      },
-    });
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });
 
   it("Update table content to no content", () => {
-    updateBlock(getEditor(), "table-0", {
-      type: "image",
-    });
+    expect(
+      getEditor().transact((tr) =>
+        updateBlock(tr, "table-0", {
+          type: "image",
+        })
+      )
+    ).toMatchSnapshot();
 
     expect(getEditor().document).toMatchSnapshot();
   });