nixite/testing/elems.test.nix

{it,...}:let
  elems = import ../nixite/elems.nix;
  style = import ../nixite/style.nix;
  html = import ../nixite/html.nix;
in with elems; [
  (it "makes a p tag" {
    expected = html.tag "p" { } "foobar";
    actual = p { } "foobar";
    asString = true;
  })
  (it "makes a div tag" {
    expected = html.tag "div" { } "foobar";
    actual = div { } "foobar";
    asString = true;
  })
  (it "makes a section tag" {
    expected = html.tag "section" { } "foobar";
    actual = section { } "foobar";
    asString = true;
  })
  (it "makes a span tag" {
    expected = html.tag "span" { } "foobar";
    actual = span { } "foobar";
    asString = true;
  })
  (it "makes a main tag" {
    expected = html.tag "main" { } [ "yeet" ];
    actual = main { } [ "yeet" ];
    asString = true;
  })
  (it "makes a title tag" {
    expected = html.tag "title" { } "foobar";
    actual = title { } "foobar";
    asString = true;
  })

  (it "makes an a tag" {
    expected = html.tag "a" { href = "https://example.com"; } "example";
    actual = a { href = "https://example.com"; } "example";
    asString = true;
  })

  (it "lets the a tag drop the props" {
    expected = html.tag "a" { href = "https://example.com"; } "example";
    actual = a "https://example.com" "example";
    asString = true;
  })

  (it "lets you extend the a tag" {
    expected = [ "linky" ];
    actual = ((style.component a "linky" { }) "https://example.com"
      "example").attrs.class;
    asString = true;
  })

  (it "makes a stylesheet link" {
    expected = html.tag "link" {
      href = "/style";
      rel = "stylesheet";
    } "";
    actual = Stylesheet { href = "/style"; };
    asString = true;
  })
  (it "makes a list" {
    expected = html.tag "ul" { __ = ""; } [
      (html.tag "li" { } "foo")
      (html.tag "li" { } "bar")
      (html.tag "li" { } "baz")
    ];
    actual = List { } [ "foo" "bar" "baz" ];
    asString = true;
  })
  (it "makes an html doc" {
    expected = html.tag "html" {
      __child = "";
      class = [ ];
      lang = "en";
    } [ (html.tag "head" { } [ "foo" ]) (html.tag "body" { } "bar") ];
    actual = Doc { } [ [ "foo" ] "bar" ];
    asString = true;
  })
]