discourse/test/javascripts/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: "/uploads/default/original/3X/c/b/1.png",
            short_path: "/uploads/short-url/a.png"
          }
        ]
      ];
    });
  },

  afterEach() {
    resetCache();
  },

  test(assert) {
    const html = find(".post-body")[0].innerHTML.trim();
    assert.equal(
      html,
      '<p><img src="/uploads/default/original/3X/c/b/1.png" alt="an image"></p>'
    );
  }
});