outline/shared/utils/markdown.test.ts

import { replaceMarkdownLinks } from "./markdown";

describe("replaceMarkdownLinks", () => {
  const toUpper = (href: string) => href.toUpperCase();

  it("replaces the destination of a link, leaving its label", () => {
    expect(replaceMarkdownLinks("see [other](./other.md)", toUpper)).toBe(
      "see [other](./OTHER.MD)"
    );
  });

  it("replaces the destination of an image", () => {
    expect(replaceMarkdownLinks("![alt](assets/a.png)", toUpper)).toBe(
      "![alt](ASSETS/A.PNG)"
    );
  });

  it("preserves a link title", () => {
    expect(
      replaceMarkdownLinks('![alt](assets/a.png "A caption")', toUpper)
    ).toBe('![alt](ASSETS/A.PNG "A caption")');
  });

  it("understands an angle bracketed destination", () => {
    expect(replaceMarkdownLinks("![alt](<assets/my a.png>)", toUpper)).toBe(
      "![alt](ASSETS/MY A.PNG)"
    );
  });

  it("preserves a title after an angle bracketed destination", () => {
    expect(replaceMarkdownLinks('[x](<my doc.md> "Title")', toUpper)).toBe(
      '[x](MY DOC.MD "Title")'
    );
  });

  it("leaves a link alone when the replacer returns undefined", () => {
    expect(replaceMarkdownLinks("[x](./y.md)", () => undefined)).toBe(
      "[x](./y.md)"
    );
  });

  it("leaves an unterminated angle bracket alone", () => {
    expect(replaceMarkdownLinks("[x](<unclosed)", toUpper)).toBe(
      "[x](<unclosed)"
    );
  });

  it("replaces every link in the text", () => {
    expect(replaceMarkdownLinks("[a](one.md) and [b](two.md)", toUpper)).toBe(
      "[a](ONE.MD) and [b](TWO.MD)"
    );
  });
});