testomatio-editor-blocks 0.4.36 → 0.4.37

package/package/editor/customMarkdownConverter.js

@@ -426,7 +426,16 @@ function serializeBlock(block, ctx, orderedIndex, stepIndex) {
             const formatCell = (value) => {
                 if (!value.length)
                     return " ";
-                return value.replace(/\n/g, "<br/>");
+                // Handle newlines inside backtick code spans:
+                // close code before <br>, reopen after
+                let result = value.replace(/`([^`]*)`/g, (match) => {
+                    if (!match.includes("\n"))
+                        return match;
+                    const inner = match.slice(1, -1);
+                    const parts = inner.split("\n");
+                    return parts.map((p) => (p ? `\`${p}\`` : "")).join("<br>");
+                });
+                return result.replace(/\n/g, "<br>");
             };
             const toAlignmentToken = (alignment) => {
                 switch (alignment) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.36",
+  "version": "0.4.37",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/editor/customMarkdownConverter.test.ts

@@ -438,7 +438,64 @@ describe("blocksToMarkdown", () => {
       [
         "| Steps | Expected Results |",
         "| --- | --- |",
-        "| line1<br/>line2 | ok |",
+        "| line1<br>line2 | ok |",
+      ].join("\n"),
+    );
+  });
+
+  it("serializes table cell with code style and newline placing br outside backticks", () => {
+    const blocks: CustomEditorBlock[] = [
+      {
+        id: "tbl-code",
+        type: "table",
+        props: { textColor: "default" },
+        content: {
+          type: "tableContent",
+          columnWidths: [undefined, undefined],
+          headerRows: 1,
+          rows: [
+            {
+              cells: [
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "A", styles: {} }],
+                },
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "B", styles: {} }],
+                },
+              ],
+            },
+            {
+              cells: [
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [
+                    { type: "text", text: "code", styles: { code: true } },
+                    { type: "text", text: "\nnext line", styles: {} },
+                  ],
+                },
+                {
+                  type: "tableCell",
+                  props: cellProps,
+                  content: [{ type: "text", text: "ok", styles: {} }],
+                },
+              ],
+            },
+          ],
+        },
+        children: [],
+      },
+    ];
+
+    expect(blocksToMarkdown(blocks)).toBe(
+      [
+        "| A | B |",
+        "| --- | --- |",
+        "| `code`<br>next line | ok |",
       ].join("\n"),
     );
   });
@@ -494,7 +551,7 @@ describe("blocksToMarkdown", () => {
       [
         "| Col A | Col B |",
         "| --- | --- |",
-        "| ok | **opened**<br/>**newline** |",
+        "| ok | **opened**<br>**newline** |",
       ].join("\n"),
     );
   });
@@ -1436,7 +1493,7 @@ describe("markdownToBlocks", () => {
     const markdown = [
       "| A | B |",
       "| --- | --- |",
-      "| line1<br/>line2 | ok |",
+      "| line1<br>line2 | ok |",
     ].join("\n");
 
     const blocks = markdownToBlocks(markdown);
@@ -1530,7 +1587,7 @@ describe("markdownToBlocks", () => {
     ];
 
     const markdown = blocksToMarkdown(blocks);
-    expect(markdown).toContain("first<br/>second<br/>third");
+    expect(markdown).toContain("first<br>second<br>third");
 
     const parsed = markdownToBlocks(markdown);
     const row = (parsed[0] as any).content.rows[1];

package/src/editor/customMarkdownConverter.ts

@@ -525,7 +525,15 @@ function serializeBlock(
       const formattedRows = rows.map(normalizeRow);
       const formatCell = (value: string) => {
         if (!value.length) return " ";
-        return value.replace(/\n/g, "<br/>");
+        // Handle newlines inside backtick code spans:
+        // close code before <br>, reopen after
+        let result = value.replace(/`([^`]*)`/g, (match) => {
+          if (!match.includes("\n")) return match;
+          const inner = match.slice(1, -1);
+          const parts = inner.split("\n");
+          return parts.map((p) => (p ? `\`${p}\`` : "")).join("<br>");
+        });
+        return result.replace(/\n/g, "<br>");
       };
       const toAlignmentToken = (alignment: string) => {
         switch (alignment) {