123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
// @ts-check
import { createElement as h } from "react";import { renderToStaticMarkup } from "react-dom/server";import {  assertEquals,  assertStrictEquals,  assertThrows,} from "std/testing/asserts.ts";
import HeadManager from "./HeadManager.mjs";
Deno.test("`HeadManager` constructor.", () => {  const headManager = new HeadManager();
  assertStrictEquals(headManager instanceof EventTarget, true);  assertEquals(headManager.managed, new Map());  assertStrictEquals(typeof headManager.add, "function");  assertStrictEquals(typeof headManager.remove, "function");  assertStrictEquals(typeof headManager.getHeadContent, "function");});
Deno.test(  "`HeadManager` method `add` with argument 1 `key` not a string.",  () => {    const headManager = new HeadManager();
    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    assertThrows(      () => {        headManager.add(          // @ts-expect-error Testing invalid.          true,          h("title", null, ""),        );      },      TypeError,      "Argument 1 `key` must be a string.",    );  },);
Deno.test(  "`HeadManager` method `add` with argument 2 `content` not specified.",  () => {    const headManager = new HeadManager();
    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    assertThrows(      () => {        headManager          // @ts-expect-error Testing invalid.          .add("a");      },      TypeError,      "Argument 2 `content` must be specified.",    );  },);
Deno.test(  "`HeadManager` method `add` with argument 3 `priority` not a number.",  () => {    const headManager = new HeadManager();
    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    assertThrows(      () => {        headManager.add(          "a",          h("title", null, ""),          // @ts-expect-error Testing invalid.          true,        );      },      TypeError,      "Argument 3 `priority` must be a number.",    );  },);
Deno.test("`HeadManager` method `add`, unpopulated, priority default.", () => {  const headManager = new HeadManager();  const key = "a";  const content = h("title", null, "");
  /** @type {Array<Event>} */  const events = [];
  headManager.addEventListener("update", (/** @type {Event} */ event) => {    events.push(event);    assertEquals(Array.from(headManager.managed.entries()), [      [content, { key, priority: 0 }],    ]);  });
  headManager.add(key, content);
  assertStrictEquals(events.length, 1);  assertStrictEquals(events[0] instanceof CustomEvent, true);  assertStrictEquals(events[0].type, "update");  assertStrictEquals(events[0].cancelable, false);});
Deno.test(  "`HeadManager` method `add`, unpopulated, priority specified.",  () => {    const headManager = new HeadManager();    const key = "a";    const content = h("title", null, "");    const priority = 1;
    /** @type {Array<Event>} */    const events = [];
    headManager.addEventListener("update", (/** @type {Event} */ event) => {      events.push(event);      assertEquals(Array.from(headManager.managed.entries()), [        [content, { key, priority }],      ]);    });
    headManager.add(key, content, priority);
    assertStrictEquals(events.length, 1);    assertStrictEquals(events[0] instanceof CustomEvent, true);    assertStrictEquals(events[0].type, "update");    assertStrictEquals(events[0].cancelable, false);  },);
Deno.test(  "`HeadManager` method `add`, populated, keys same, content same, priorities same.",  () => {    const headManager = new HeadManager();    const key = "a";    const content = h("title", null, "");    const priority = 1;
    headManager.add(key, content, priority);    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    headManager.add(key, content, priority);
    assertEquals(Array.from(headManager.managed.entries()), [      [content, { key, priority }],    ]);  },);
Deno.test(  "`HeadManager` method `add`, populated, keys different, content same, priorities same.",  () => {    const headManager = new HeadManager();    const firstKey = "a";    const content = h("title", null, "");    const priority = 1;
    headManager.add(firstKey, content, priority);    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    const secondKey = "b";
    assertThrows(      () => {        headManager.add(secondKey, content, priority);      },      TypeError,      `Argument 2 \`content\` already added with a different \`key\` of \`${firstKey}\`.`,    );
    assertEquals(Array.from(headManager.managed.entries()), [      [content, { key: firstKey, priority }],    ]);  },);
Deno.test(  "`HeadManager` method `add`, populated, keys same, content same, priorities different.",  () => {    const headManager = new HeadManager();    const key = "a";    const content = h("title", null, "");    const firstPriority = 1;
    headManager.add(key, content, firstPriority);    headManager.addEventListener("update", () => {      throw new Error("Unexpected `update` event.");    });
    const secondPriority = 2;
    assertThrows(      () => {        headManager.add(key, content, secondPriority);      },      TypeError,      `Argument 2 \`content\` already added with a different \`priority\` of \`${firstPriority}\`.`,    );
    assertEquals(Array.from(headManager.managed.entries()), [      [content, { key, priority: firstPriority }],    ]);  },);
Deno.test("`HeadManager` method `add`, populated, content different.", () => {  const headManager = new HeadManager();  const firstKey = "a";  const firstContent = h("title", null, "a");  const secondKey = "b";  const secondContent = h("meta", { name: "description", content: "b" });
  headManager.add(firstKey, firstContent);
  /** @type {Array<Event>} */  const events = [];
  headManager.addEventListener("update", (/** @type {Event} */ event) => {    events.push(event);    assertEquals(Array.from(headManager.managed.entries()), [      [        firstContent,        {          key: firstKey,          priority: 0,        },      ],      [        secondContent,        {          key: secondKey,          priority: 0,        },      ],    ]);  });
  headManager.add(secondKey, secondContent);
  assertStrictEquals(events.length, 1);  assertStrictEquals(events[0] instanceof CustomEvent, true);  assertStrictEquals(events[0].type, "update");  assertStrictEquals(events[0].cancelable, false);});
Deno.test("`HeadManager` method `remove`, existing.", () => {  const headManager = new HeadManager();  const firstKey = "a";  const firstContent = h("title", null, "a");  const secondKey = "b";  const secondContent = h("meta", { name: "description", content: "b" });
  headManager.add(firstKey, firstContent);  headManager.add(secondKey, secondContent);
  /** @type {Array<Event>} */  const events = [];
  headManager.addEventListener("update", (/** @type {Event} */ event) => {    events.push(event);    assertEquals(Array.from(headManager.managed.entries()), [      [        secondContent,        {          key: secondKey,          priority: 0,        },      ],    ]);  });
  headManager.remove(firstContent);
  assertStrictEquals(events.length, 1);  assertStrictEquals(events[0] instanceof CustomEvent, true);  assertStrictEquals(events[0].type, "update");  assertStrictEquals(events[0].cancelable, false);});
Deno.test("`HeadManager` method `remove`, missing.", () => {  const headManager = new HeadManager();
  headManager.addEventListener("update", () => {    throw new Error("Unexpected `update` event.");  });
  headManager.remove(h("title", null, ""));});
Deno.test("`HeadManager` method `getHeadContent`, 1 added.", () => {  const headManager = new HeadManager();  const key = "a";
  headManager.add(key, h("title", null, "a"));
  assertEquals(    renderToStaticMarkup(h("head", null, headManager.getHeadContent())),    "<head><title>a</title></head>",  );});
Deno.test(  "`HeadManager` method `getHeadContent`, 2 added, keys same, priority same.",  () => {    const headManager = new HeadManager();    const key = "a";
    headManager.add(key, h("title", null, "a"));    headManager.add(key, h("title", null, "b"));
    assertEquals(      renderToStaticMarkup(h("head", null, headManager.getHeadContent())),      "<head><title>b</title></head>",    );  },);
Deno.test(  "`HeadManager` method `getHeadContent`, 2 added, keys same, priority different.",  () => {    const headManager = new HeadManager();    const key = "a";
    headManager.add(key, h("title", null, "a"), 2);    headManager.add(key, h("title", null, "b"), 1);
    assertEquals(      renderToStaticMarkup(h("head", null, headManager.getHeadContent())),      "<head><title>a</title></head>",    );  },);
Deno.test(  "`HeadManager` method `getHeadContent`, 2 added, keys different.",  () => {    const headManager = new HeadManager();
    // To test sorting by key, add them out of order with their keys.    headManager.add("b", h("meta", { name: "b", content: "b" }));    headManager.add("a", h("meta", { name: "a", content: "a" }));
    assertEquals(      renderToStaticMarkup(h("head", null, headManager.getHeadContent())),      '<head><meta name="a" content="a"/><meta name="b" content="b"/></head>',    );  },);