import { describe, expect, it } from "vitest";
import { __markdownTestUtils } from "./customSchema";

describe("customSchema markdown helpers", () => {
  it("renders markdown images as <img> tags and round-trips back to markdown", () => {
    const markdown = "![](/attachments/example.png)";
    const html = __markdownTestUtils.markdownToHtml(markdown);

    expect(html).toContain('<img src="/attachments/example.png" alt="" class="bn-inline-image" contenteditable="false" draggable="false" />');
    expect(__markdownTestUtils.htmlToMarkdown(html)).toBe(markdown);
  });

  it("handles images mixed with surrounding text", () => {
    const markdown = [
      "Success screenshot:",
      "![](/attachments/success.png)",
      "Please archive it.",
    ].join("\n");

    const html = __markdownTestUtils.markdownToHtml(markdown);
    expect(html).toContain('<img src="/attachments/success.png" alt="" class="bn-inline-image" contenteditable="false" draggable="false" />');
    expect(__markdownTestUtils.htmlToMarkdown(html)).toBe(markdown);
  });

  it("renders expected-result style markdown with an image", () => {
    const markdown = [
      "Login should look like this",
      "![](/login.png)",
    ].join("\n");

    const html = __markdownTestUtils.markdownToHtml(markdown);
    expect(html).toContain('<img src="/login.png" alt="" class="bn-inline-image" contenteditable="false" draggable="false" />');
    expect(__markdownTestUtils.htmlToMarkdown(html)).toBe(markdown);
  });
});