discourse/test/javascripts/integration/components/cook-text-test.js

import componentTest from "helpers/component-test";
import pretender from "helpers/create-pretender";
import { resetCache } from "pretty-text/upload-short-url";

moduleForComponent("cook-text", { integration: true });

componentTest("renders markdown", {
  template: '{{cook-text "_foo_" class="post-body"}}',

  test(assert) {
    const html = find(".post-body")[0].innerHTML.trim();
    assert.equal(html, "<p><em>foo</em></p>");
  },
});

componentTest("resolves short URLs", {
  template: `{{cook-text "![an image](upload://a.png)" class="post-body"}}`,

  beforeEach() {
    pretender.post("/uploads/lookup-urls", () => {
      return [
        200,
        { "Content-Type": "application/json" },
        [
          {
            short_url: "upload://a.png",
            url: "/images/avatar.png",
            short_path: "/images/d-logo-sketch.png",
          },
        ],
      ];
    });
  },

  afterEach() {
    resetCache();
  },

  test(assert) {
    const html = find(".post-body")[0].innerHTML.trim();
    assert.equal(html, '<p><img src="/images/avatar.png" alt="an image"></p>');
  },
});