feat(UmbracoRichText): added tests for handling of inline blocks

charlie-tango · Jun 17, 2024 · d1b895f · d1b895f
1 parent f807c35
commit d1b895f
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 0 deletions.
diff --git a/src/__tests__/UmbracoRichText.test.tsx b/src/__tests__/UmbracoRichText.test.tsx
@@ -122,6 +122,37 @@ it("should render a block element using the renderBlock prop", () => {
     `);
 });
 
+it("should render an inline block element using the renderBlock prop", () => {
+  expect(() =>
+    render(
+      <UmbracoRichText
+        data={{
+          tag: "#root",
+          blocks: [{ content: { id: "1", properties: {} } }],
+          elements: [
+            {
+              tag: "umb-rte-block-inline",
+              attributes: { "content-id": "1" },
+              elements: [],
+            },
+          ],
+        }}
+        renderBlock={(block) => (
+          <div data-testid="umb-rte-block-inline">{block?.content?.id}</div>
+        )}
+      />,
+    ),
+  ).not.toThrowError();
+
+  expect(screen.getByTestId("umb-rte-block-inline")).toMatchInlineSnapshot(`
+      <div
+        data-testid="umb-rte-block-inline"
+      >
+        1
+      </div>
+    `);
+});
+
 it("should handle route-specific path attribute for the anchor href", () => {
   render(
     <UmbracoRichText

diff --git a/src/__tests__/__fixtures__/UmbracoRichText.fixture.json b/src/__tests__/__fixtures__/UmbracoRichText.fixture.json
@@ -25,6 +25,17 @@
       "attributes": { "content-id": "1" },
       "elements": []
     },
+    {
+      "tag": "p",
+      "attributes": {},
+      "elements": [
+        {
+          "tag": "umb-rte-block-inline",
+          "attributes": { "content-id": "1" },
+          "elements": []
+        }
+      ]
+    },
     {
       "tag": "p",
       "attributes": {},

diff --git a/src/__tests__/__snapshots__/UmbracoRichText.test.tsx.snap b/src/__tests__/__snapshots__/UmbracoRichText.test.tsx.snap
@@ -11,6 +11,11 @@ exports[`should render fixture content correctly 1`] = `
       <div
         data-testid="block"
       />
+      <p>
+        <div
+          data-testid="block"
+        />
+      </p>
       <p>
         What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like 
         <strong>
@@ -488,6 +493,11 @@ exports[`should render fixture content correctly 1`] = `
     <div
       data-testid="block"
     />
+    <p>
+      <div
+        data-testid="block"
+      />
+    </p>
     <p>
       What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like 
       <strong>