testomatio-editor-blocks 0.4.0 → 0.4.6

package/src/editor/customMarkdownConverter.test.ts

@@ -2,6 +2,7 @@ import { describe, expect, it } from "vitest";
 import {
   blocksToMarkdown,
   markdownToBlocks,
+  fixMalformedImageBlocks,
   type CustomEditorBlock,
   type CustomPartialBlock,
 } from "./customMarkdownConverter";
@@ -74,6 +75,7 @@ describe("blocksToMarkdown", () => {
           stepTitle: "Open the Login page.",
           stepData: "",
           expectedResult: "The Login page loads successfully.",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -85,6 +87,7 @@ describe("blocksToMarkdown", () => {
           stepTitle: "Enter a valid username.",
           stepData: "",
           expectedResult: "The username is accepted.",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -181,6 +184,7 @@ describe("blocksToMarkdown", () => {
            stepTitle: "**Click** the _Login_ button",
            stepData: "",
            expectedResult: "**Success** is shown\nSecond line with <u>underline</u>",
+           listStyle: "bullet",
          },
          content: undefined,
          children: [],
@@ -205,6 +209,7 @@ describe("blocksToMarkdown", () => {
            stepTitle: "Navigate to login",
            stepData: "Open browser\nGo to login page",
            expectedResult: "Login form visible",
+           listStyle: "bullet",
          },
          content: undefined,
          children: [],
@@ -242,6 +247,7 @@ describe("blocksToMarkdown", () => {
             "![](/attachments/HMhkVtlDrO.png)",
           ].join("\n"),
           expectedResult: "The user receives a real-time notification for the order update.",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -351,6 +357,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Open the Login page.",
           stepData: "",
           expectedResult: "The Login page loads successfully.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -457,12 +464,43 @@ describe("markdownToBlocks", () => {
     const stepBlocks = blocks.filter((block) => block.type === "testStep");
 
     expect(stepBlocks).toEqual([
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "The user is logged into the application.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "The user has the necessary permissions to receive notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "The application is configured to send real-time notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
       {
         type: "testStep",
         props: {
           stepTitle: "Step 1: Send a chat message to the user.",
           stepData: "",
           expectedResult: "The user receives a real-time notification for the chat message.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -472,6 +510,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 2: Update an order status.",
           stepData: "",
           expectedResult: "The user receives a real-time notification for the order update.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -481,6 +520,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 3: Send a file to the user.",
           stepData: "",
           expectedResult: "The user receives a real-time notification for the file received.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -490,6 +530,27 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 4: Verify that the notifications are displayed correctly in the application's notification panel.",
           stepData: "",
           expectedResult: "All notifications (chat message, order update, file received) are listed in the notification panel with the correct information (e.g., timestamp, message content).\n",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "The user has received and viewed the notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "The application continues to function as expected after receiving and processing the notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -534,6 +595,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 2: Update an order status.",
           stepData: expectedData,
           expectedResult: "The user receives a real-time notification for the order update.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -547,6 +609,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 2: Update an order status.",
           stepData: expectedData,
           expectedResult: "The user receives a real-time notification for the order update.",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -589,39 +652,33 @@ describe("markdownToBlocks", () => {
         children: [],
       },
       {
-        type: "bulletListItem",
-        props: baseProps,
-        content: [
-          {
-            type: "text",
-            text: "The user is logged into the application.",
-            styles: {},
-          },
-        ],
+        type: "testStep",
+        props: {
+          stepTitle: "The user is logged into the application.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
         children: [],
       },
       {
-        type: "bulletListItem",
-        props: baseProps,
-        content: [
-          {
-            type: "text",
-            text: "The user has the necessary permissions to receive notifications.",
-            styles: {},
-          },
-        ],
+        type: "testStep",
+        props: {
+          stepTitle: "The user has the necessary permissions to receive notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
         children: [],
       },
       {
-        type: "bulletListItem",
-        props: baseProps,
-        content: [
-          {
-            type: "text",
-            text: "The application is configured to send real-time notifications.",
-            styles: {},
-          },
-        ],
+        type: "testStep",
+        props: {
+          stepTitle: "The application is configured to send real-time notifications.",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
         children: [],
       },
     ]);
@@ -633,7 +690,7 @@ describe("markdownToBlocks", () => {
       "",
       "* Verify that each individual unit test completes in ≤ 50 ms (target) and never exceeds 200 ms (hard limit).",
       "",
-      "### Steps",
+      "### Instructions",
       "",
       "1. Execute the full unit test suite with a timer wrapper.",
       "   * Each individual test case.",
@@ -663,6 +720,7 @@ describe("markdownToBlocks", () => {
            stepTitle: "Open the form.",
            stepData: "",
            expectedResult: "** The form opens.\nFields are empty.",
+           listStyle: "bullet",
          },
          children: [],
        },
@@ -684,6 +742,7 @@ describe("markdownToBlocks", () => {
            stepTitle: "Navigate to login",
            stepData: "Open browser\nGo to login page",
            expectedResult: "Login form visible",
+           listStyle: "bullet",
          },
          children: [],
        },
@@ -705,6 +764,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Prepare test fixtures",
           stepData: "Collect user accounts from staging.\nReset passwords for all test accounts.",
           expectedResult: "Test accounts are ready for execution.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -724,6 +784,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Display the generated report.",
           stepData: "",
           expectedResult: "![](/attachments/report.png)",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -737,6 +798,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Display the generated report.",
           stepData: "",
           expectedResult: "![](/attachments/report.png)",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -760,6 +822,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Should open login screen",
           stepData: "",
           expectedResult: "Login should look like this\n![](/login.png)",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -773,6 +836,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Should open login screen",
           stepData: "",
           expectedResult: "Login should look like this\n![](/login.png)",
+          listStyle: "bullet",
         },
         content: undefined,
         children: [],
@@ -809,6 +873,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Pass onboarding as mobile user",
           stepData: "",
           expectedResult: "",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -819,6 +884,7 @@ describe("markdownToBlocks", () => {
             "Navigate to More tab -≻ My Profile -≻ Log into the app with user from preconditions",
           stepData: "",
           expectedResult: "* Upsell SS screen is displayed",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -828,12 +894,70 @@ describe("markdownToBlocks", () => {
           stepTitle: "Close SS",
           stepData: "",
           expectedResult: "* My Course and More tab are displayed",
+          listStyle: "bullet",
         },
         children: [],
       },
     ]);
   });
 
+  it("handles multiple steps with expected results without extra asterisks", () => {
+    const markdown = [
+      "### Preconditions",
+      "",
+      "User on the Sign In with Email Screen",
+      "",
+      "### Steps",
+      "",
+      "* Existing email + invalid password",
+      "  *Expected*: 'Oops, wrong email or password' is displayed",
+      "* Not existing email + valid password",
+      "  *Expected*: 'Oops, wrong email or password' is displayed",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const stepBlocks = blocks.filter((block) => block.type === "testStep");
+
+    expect(stepBlocks).toHaveLength(2);
+
+    expect(stepBlocks[0]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Existing email + invalid password",
+        stepData: "",
+        expectedResult: "'Oops, wrong email or password' is displayed",
+        listStyle: "bullet",
+      },
+      children: [],
+    });
+
+    expect(stepBlocks[1]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Not existing email + valid password",
+        stepData: "",
+        expectedResult: "'Oops, wrong email or password' is displayed",
+        listStyle: "bullet",
+      },
+      children: [],
+    });
+
+    // Verify round-trip doesn't add extra asterisks
+    const roundTrip = blocksToMarkdown(stepBlocks.map((block, index) => ({
+      ...block,
+      id: `step${index}`,
+    })) as CustomEditorBlock[]);
+
+    expect(roundTrip).toBe(
+      [
+        "* Existing email + invalid password",
+        "  *Expected*: 'Oops, wrong email or password' is displayed",
+        "* Not existing email + valid password",
+        "  *Expected*: 'Oops, wrong email or password' is displayed",
+      ].join("\n"),
+    );
+  });
+
   it("round-trips simple blocks", () => {
     const blocks: CustomEditorBlock[] = [
       {
@@ -854,7 +978,55 @@ describe("markdownToBlocks", () => {
 
     const markdown = blocksToMarkdown(blocks);
     const parsed = markdownToBlocks(markdown);
-    expect(parsed).toEqual(blocks.map(toPartial));
+    expect(parsed).toEqual([
+      {
+        type: "paragraph",
+        props: baseProps,
+        content: [{ type: "text", text: "Paragraph", styles: {} }],
+        children: [],
+      },
+      {
+        type: "testStep",
+        props: {
+          stepTitle: "Bullet",
+          stepData: "",
+          expectedResult: "",
+          listStyle: "bullet",
+        },
+        children: [],
+      },
+    ]);
+  });
+
+  it("round-trips bullet steps preserving bullet style", () => {
+    const markdown = [
+      "* Open the page",
+      "  *Expected*: Page loads",
+      "* Click button",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const output = blocksToMarkdown(blocks as CustomEditorBlock[]);
+
+    expect(output).toContain("* Open the page");
+    expect(output).toContain("* Click button");
+    expect(output).not.toMatch(/^\d+\./m);
+  });
+
+  it("round-trips ordered steps preserving ordered style", () => {
+    const markdown = [
+      "### Steps",
+      "",
+      "1. Open the page",
+      "  *Expected*: Page loads",
+      "2. Click button",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const output = blocksToMarkdown(blocks as CustomEditorBlock[]);
+
+    expect(output).toContain("1. Open the page");
+    expect(output).toContain("2. Click button");
   });
 
   it("parses markdown tables", () => {
@@ -921,6 +1093,7 @@ describe("markdownToBlocks", () => {
           stepTitle: "Step 1: Send a chat message to the user.",
           stepData: "",
           expectedResult: "The user receives a real-time notification for the chat message.",
+          listStyle: "bullet",
         },
         children: [],
       },
@@ -953,6 +1126,7 @@ describe("markdownToBlocks", () => {
         stepTitle: "Swipe Back",
         stepData: "",
         expectedResult: "",
+        listStyle: "bullet",
       },
       children: [],
     });
@@ -963,6 +1137,7 @@ describe("markdownToBlocks", () => {
         stepTitle: "Check UI of Sleep score info screen",
         stepData: "- Back button\nHeader: Sleep Score Info\nText: Ever wonder if 6, 8, or 9 hours of sleep are enough? Sleep score takes the guesswork out of your ZZZ's and shows you how well you slept last night based on duration, efficiency, and consistency.",
         expectedResult: "* - 1st block:\n* - 2nd block:\n* - 3d block:",
+        listStyle: "bullet",
       },
       children: [],
     });
@@ -973,8 +1148,398 @@ describe("markdownToBlocks", () => {
         stepTitle: "Tap 'Back' button",
         stepData: "",
         expectedResult: "",
+        listStyle: "bullet",
+      },
+      children: [],
+    });
+  });
+
+  it("correctly parses images at the end of the document", () => {
+    const markdown = [
+      "#### Steps:",
+      "1. Navigate to the product listing page.",
+      "    Expected open",
+      "3. Select a product and click the \"Add to Cart\" button.",
+      "    Expected result close",
+      "5. Open the shopping cart page.",
+      "    **Expected** edit",
+      "6. Verify that the added item is displayed with the correct name, price, and quantity.",
+      "    _Expected_ close",
+      "",
+      "### **Expected Result:** The item appears in the cart with correct details and price calculation.",
+      "",
+      "![logs](/attachments/se2n8jaGon.png)",
+      "",
+      "![](/attachments/p5DgklVeMg.png)",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+
+    // Find the paragraph blocks that contain the images (links)
+    const imageBlocks = blocks.filter(block =>
+      block.type === "paragraph" &&
+      block.content &&
+      Array.isArray(block.content) &&
+      block.content.some((item: any) =>
+        (item.type === "text" && item.text === "!") ||
+        (item.type === "link" && item.href && item.href.includes("/attachments/"))
+      )
+    );
+
+    // Should have two paragraph blocks with images
+    expect(imageBlocks.length).toBe(2);
+
+    // Check that both image links are properly parsed
+    const imageLinks: any[] = [];
+    imageBlocks.forEach(block => {
+      if (block.content && Array.isArray(block.content)) {
+        const link = (block.content as any[]).find(item => item.type === "link");
+        if (link) {
+          imageLinks.push(link);
+        }
+      }
+    });
+
+    expect(imageLinks).toHaveLength(2);
+    expect(imageLinks[0].href).toBe("/attachments/se2n8jaGon.png");
+    expect(imageLinks[0].content).toEqual([{ type: "text", text: "logs", styles: {} }]);
+    expect(imageLinks[1].href).toBe("/attachments/p5DgklVeMg.png");
+    expect(imageLinks[1].content).toEqual([{ type: "text", text: "", styles: {} }]);
+
+    // Test round-trip conversion
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(roundTripMarkdown).toContain("![logs](/attachments/se2n8jaGon.png)");
+    expect(roundTripMarkdown).toContain("![](/attachments/p5DgklVeMg.png)");
+  });
+
+  it("parses numbered lists under a Steps heading as test steps", () => {
+    const markdown = [
+      "#### Steps:",
+      "1. Navigate to the product listing page.",
+      "    Expected open",
+      "3. Select a product and click the \"Add to Cart\" button.",
+      "    Expected result close",
+      "5. Open the shopping cart page.",
+      "    **Expected** edit",
+      "6. Verify that the added item is displayed with the correct name, price, and quantity.",
+      "    _Expected_ close",
+      "",
+      "### **Expected Result:** The item appears in the cart with correct details and price calculation.",
+      "",
+      "![logs](/attachments/se2n8jaGon.png)",
+      "",
+      "![](/attachments/p5DgklVeMg.png)",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+    const testSteps = blocks.filter(block => block.type === "testStep");
+
+    // Should have 4 test steps
+    expect(testSteps).toHaveLength(4);
+
+    // Check the first test step
+    expect(testSteps[0]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Navigate to the product listing page.",
+        stepData: "Expected open",
+        expectedResult: "",
+        listStyle: "ordered",
+      },
+      children: [],
+    });
+
+    // Check the second test step
+    expect(testSteps[1]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Select a product and click the \"Add to Cart\" button.",
+        stepData: "Expected result close",
+        expectedResult: "",
+        listStyle: "ordered",
       },
       children: [],
     });
+
+    // Check the third test step
+    expect(testSteps[2]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Open the shopping cart page.",
+        stepData: "**Expected** edit",
+        expectedResult: "",
+        listStyle: "ordered",
+      },
+      children: [],
+    });
+
+    // Check the fourth test step
+    expect(testSteps[3]).toEqual({
+      type: "testStep",
+      props: {
+        stepTitle: "Verify that the added item is displayed with the correct name, price, and quantity.",
+        stepData: "_Expected_ close",
+        expectedResult: "",
+        listStyle: "ordered",
+      },
+      children: [],
+    });
+
+    // Test round-trip conversion — numbered steps preserve their ordered style
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(roundTripMarkdown).toContain("1. Navigate to the product listing page.");
+    expect(roundTripMarkdown).toContain("2. Select a product and click the \"Add to Cart\" button.");
+    expect(roundTripMarkdown).toContain("3. Open the shopping cart page.");
+    expect(roundTripMarkdown).toContain("4. Verify that the added item is displayed with the correct name, price, and quantity.");
+    // Check that step data is preserved
+    expect(roundTripMarkdown).toContain("  Expected open");
+    expect(roundTripMarkdown).toContain("  Expected result close");
+    expect(roundTripMarkdown).toContain("  **Expected** edit");
+    expect(roundTripMarkdown).toContain("  _Expected_ close");
+  });
+
+  it("handles standalone images without bullet list interference", () => {
+    const markdown = [
+      "### Steps:",
+      "1. Navigate to the product listing page.",
+      "    Expected open",
+      "",
+      "### **Expected Result:** The item appears in the cart with correct details and price calculation.",
+      "",
+      "![logs](/attachments/se2n8jaGon.png)",
+      "",
+      "![](/attachments/p5DgklVeMg.png)",
+    ].join("\n");
+
+    const blocks = markdownToBlocks(markdown);
+
+    // Find image paragraphs
+    const imageParagraphs = blocks.filter(block =>
+      block.type === "paragraph" &&
+      block.content &&
+      Array.isArray(block.content) &&
+      block.content.some((item: any) => item.type === "link")
+    );
+
+    // Should have exactly 2 image paragraphs
+    expect(imageParagraphs).toHaveLength(2);
+
+    // First image with alt text
+    expect(imageParagraphs[0].content).toContainEqual({
+      type: "text",
+      text: "!",
+      styles: {}
+    });
+    expect(imageParagraphs[0].content).toContainEqual({
+      type: "link",
+      href: "/attachments/se2n8jaGon.png",
+      content: [{ type: "text", text: "logs", styles: {} }]
+    });
+
+    // Second image without alt text
+    expect(imageParagraphs[1].content).toContainEqual({
+      type: "text",
+      text: "!",
+      styles: {}
+    });
+    expect(imageParagraphs[1].content).toContainEqual({
+      type: "link",
+      href: "/attachments/p5DgklVeMg.png",
+      content: [{ type: "text", text: "", styles: {} }]
+    });
+
+    // No extra empty paragraphs
+    const emptyParagraphs = blocks.filter(block =>
+      block.type === "paragraph" &&
+      (!block.content || block.content.length === 0)
+    );
+    expect(emptyParagraphs).toHaveLength(0);
+
+    // Test round-trip conversion
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(roundTripMarkdown).toContain("![logs](/attachments/se2n8jaGon.png)");
+    expect(roundTripMarkdown).toContain("![](/attachments/p5DgklVeMg.png)");
+  });
+
+  it("handles images with multiple blank lines between them", () => {
+    const markdown = `
+
+![logs](/attachments/se2n8jaGon.png)
+
+
+
+![](/attachments/p5DgklVeMg.png)
+
+
+
+`;
+
+    const blocks = markdownToBlocks(markdown);
+
+    // Should have exactly 2 image paragraphs, no empty paragraphs
+    const imageParagraphs = blocks.filter(block =>
+      block.type === "paragraph" &&
+      block.content &&
+      Array.isArray(block.content) &&
+      block.content.some((item: any) => item.type === "link")
+    );
+
+    const emptyParagraphs = blocks.filter(block =>
+      block.type === "paragraph" &&
+      (!block.content || block.content.length === 0)
+    );
+
+    // Check for malformed image blocks (paragraphs with just "!" but no link)
+    const malformedBlocks = blocks.filter(block =>
+      block.type === "paragraph" &&
+      block.content &&
+      Array.isArray(block.content) &&
+      block.content.some((item: any) => item.type === "text" && item.text === "!") &&
+      !block.content.some((item: any) => item.type === "link")
+    );
+
+    expect(imageParagraphs).toHaveLength(2);
+    expect(emptyParagraphs).toHaveLength(0);
+    expect(malformedBlocks).toHaveLength(0);
+
+    // Test round-trip conversion
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+    expect(roundTripMarkdown).toContain("![logs](/attachments/se2n8jaGon.png)");
+    expect(roundTripMarkdown).toContain("![](/attachments/p5DgklVeMg.png)");
+  });
+
+  it("reproduces the exact issue from user's example", () => {
+    const markdown = `#### Steps:
+1. Navigate to the product listing page.
+    Expected open
+3. Select a product and click the "Add to Cart" button.
+    Expected result close
+5. Open the shopping cart page.
+    **Expected** edit
+6. Verify that the added item is displayed with the correct name, price, and quantity.
+    _Expected_ close
+
+### **Expected Result:** The item appears in the cart with correct details and price calculation.
+
+
+
+![logs](/attachments/se2n8jaGon.png)
+
+
+
+![](/attachments/p5DgklVeMg.png)
+
+
+
+`;
+
+    const blocks = markdownToBlocks(markdown);
+
+    // Test round-trip conversion
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+
+    // Check that both images are preserved
+    expect(roundTripMarkdown).toContain("![logs](/attachments/se2n8jaGon.png)");
+    expect(roundTripMarkdown).toContain("![](/attachments/p5DgklVeMg.png)");
+
+    // Make sure we don't have a standalone "!" without the rest of the image
+    const lines = roundTripMarkdown.split('\n');
+    const exclamationLines = lines.filter(line => line.trim() === '!' || line.trim() === '! ');
+    expect(exclamationLines.length).toBe(0);
+  });
+
+  it("handles empty alt text images correctly", () => {
+    const markdown = "![](/attachments/test.png)";
+    const blocks = markdownToBlocks(markdown);
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+
+    expect(roundTripMarkdown).toContain("![](/attachments/test.png)");
+  });
+
+  it("removes malformed image blocks through post-processing", () => {
+    // Simulate the malformed blocks you're seeing
+    const malformedBlocks: any[] = [
+      {
+        type: "heading",
+        props: { level: 3 },
+        content: [{ type: "text", text: "Expected Result:", styles: {} }],
+        children: []
+      },
+      {
+        type: "paragraph",
+        props: {},
+        content: [
+          { type: "text", text: "!", styles: {} },
+          { type: "link", href: "/attachments/se2n8jaGon.png", content: [{ type: "text", text: "logs", styles: {} }] }
+        ],
+        children: []
+      },
+      {
+        type: "paragraph",
+        props: {},
+        content: [{ type: "text", text: "!", styles: {} }],
+        children: []
+      },
+      {
+        type: "paragraph",
+        props: {},
+        content: [],
+        children: []
+      }
+    ];
+
+    // Apply the fixMalformedImageBlocks function
+    const fixedBlocks = fixMalformedImageBlocks(malformedBlocks);
+
+    // Should have removed the malformed image blocks (both the "!" only block and the empty block)
+    expect(fixedBlocks.length).toBe(2);
+    expect(fixedBlocks[0].type).toBe("heading");
+    expect(fixedBlocks[1].type).toBe("paragraph");
+    expect(fixedBlocks[1].content).toContainEqual(
+      { type: "text", text: "!", styles: {} }
+    );
+    expect(fixedBlocks[1].content).toContainEqual(
+      { type: "link", href: "/attachments/se2n8jaGon.png", content: [{ type: "text", text: "logs", styles: {} }] }
+    );
+  });
+
+  it("reproduces the exact Unsplash URL issue", () => {
+    const markdown = `
+
+
+
+### **Expected Result:** The item appears in the cart with correct details and price calculation.
+
+
+
+![logs](https://images.unsplash.com/photo-1765873360413-6c79486d1fda?q=80&w=2350&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
+
+
+
+![](https://plus.unsplash.com/premium_photo-1765228499795-e58288bc382b?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
+
+
+
+`;
+
+    const blocks = markdownToBlocks(markdown);
+
+    // Should have at least 3 blocks
+    expect(blocks.length).toBeGreaterThanOrEqual(3);
+
+    // Should have at least one paragraph with content (images)
+    const imageBlocks = blocks.filter(b =>
+      b.type === "paragraph" &&
+      b.content &&
+      Array.isArray(b.content) &&
+      b.content.some((item: any) => item.type === "link")
+    );
+    expect(imageBlocks.length).toBeGreaterThan(0);
+
+    // Test round-trip conversion - check that we get the images back
+    const roundTripMarkdown = blocksToMarkdown(blocks as CustomEditorBlock[]);
+
+    // Most importantly: should not have a standalone "!" at the end
+    expect(roundTripMarkdown).not.toMatch(/\n!\s*$/);
   });
 });