discourse/test/javascripts/acceptance/custom-html-set-test.js

import { acceptance } from "helpers/qunit-helpers";
import { setCustomHTML } from "discourse/helpers/custom-html";
import PreloadStore from "preload-store";

acceptance("CustomHTML set");

QUnit.test("has no custom HTML in the top", async assert => {
  await visit("/static/faq");
  assert.ok(!exists("span.custom-html-test"), "it has no markup");
});

QUnit.test("renders set HTML", async assert => {
  setCustomHTML("top", '<span class="custom-html-test">HTML</span>');

  await visit("/static/faq");
  assert.equal(
    find("span.custom-html-test").text(),
    "HTML",
    "it inserted the markup"
  );
});

QUnit.test("renders preloaded HTML", async assert => {
  PreloadStore.store("customHTML", {
    top: "<span class='cookie'>monster</span>"
  });

  await visit("/static/faq");
  assert.equal(find("span.cookie").text(), "monster", "it inserted the markup");
});