123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
import {  assertEquals,  assertThrows,} from "https://deno.land/std@0.106.0/testing/asserts.ts";import { sanitize, tag } from "./mod.ts";
Deno.test("render tag", () => {  assertEquals(    tag("div", { id: "foo", class: "bar" }, "Hello world!"),    `<div id="foo" class="bar">Hello world!</div>`,  );  assertEquals(    tag("my-tag", { class: "bar" }, "My own tag!"),    `<my-tag class="bar">My own tag!</my-tag>`,  );});
Deno.test("render void tag", () => {  assertEquals(    tag("meta", { charset: "utf-8" }),    `<meta charset="utf-8">`,  );  assertEquals(    tag("input", {      type: "text",      name: "name",      placeholder: "input your name",    }),    `<input type="text" name="name" placeholder="input your name">`,  );});
Deno.test("render tag without attributes", () => {  assertEquals(    tag("div", "No attributes!"),    `<div>No attributes!</div>`,  );  assertEquals(    tag("br"),    `<br>`,  );});
Deno.test("render nested tag", () => {  assertEquals(    tag(      "a",      { href: "https://deno.land" },      tag("img", { src: "https://deno.land/logo.svg" }),    ),    `<a href="https://deno.land"><img src="https://deno.land/logo.svg"></a>`,  );  assertEquals(    tag(      "ul",      { class: "nav" },      tag("li", "first element"),      tag("li", "second element"),    ),    `<ul class="nav"><li>first element</li><li>second element</li></ul>`,  );  assertEquals(    tag(      "div",      { class: "container" },      tag(        "article",        { class: "post" },        tag("p", "awesome text"),      ),    ),    `<div class="container"><article class="post"><p>awesome text</p></article></div>`,  );});
Deno.test("render svg tag", () => {  assertEquals(    tag(      "svg",      { width: 100, height: 100 },      tag("rect", { x: 20, y: 20, fill: "#a33" }),    ),    `<svg width="100" height="100"><rect x="20" y="20" fill="#a33"></rect></svg>`,  );});
Deno.test("render boolean attributes", () => {  assertEquals(    tag("button", { type: "button", disabled: false }, "enabled"),    `<button type="button">enabled</button>`,  );  assertEquals(    tag("button", { type: "button", disabled: true }, "disabled"),    `<button type="button" disabled>disabled</button>`,  );});
Deno.test("throw error when tag is empty", () => {  assertThrows(    () => {      tag("");    },    Error,    "tagName is empty.",  );});
Deno.test("throw error when tag has whitespace characters", () => {  assertThrows(    () => {      tag("separate tag", { id: "foo" }, "Hello world!");    },    Error,    "tagName has whitespace characters.",  );});
Deno.test("sanitize string", () => {  assertEquals(    sanitize(`<img src="https://www.example.com?width=10&height=10">`),    "&lt;img src=&quot;https://www.example.com?width=10&amp;height=10&quot;&gt;",  );
  // empty inputs  assertEquals(sanitize(), "");});
Deno.test("ignore to sanitize", () => {  assertEquals(    sanitize(`<span>"ok" & ng</span>`, { lt: false, gt: false }),    `<span>&quot;ok&quot; &amp; ng</span>`,  );  assertEquals(    sanitize(`<span>"ok" & ng</span>`, { amp: false, quot: false }),    `&lt;span&gt;"ok" & ng&lt;/span&gt;`,  );});