nixite/testing/style.test.nix

{it,...}: let
  style = import ../nixite/style.nix;
  elems = import ../nixite/elems.nix;
in [

  (it "fetches empty style" (let para = (style.component elems.p "para" { });
  in {
    expected = {
      "p" = { };
      "p.para" = { };
    };
    actual = style.getStyle (para "");
  }))

  (it "fetches style" (let
    attrs = { style = { foo = "bar"; }; };
    para = (style.component elems.p "para" attrs);
  in {
    expected = {
      "p" = { };
      "p.para" = attrs.style;
    };
    actual = style.getStyle (para "");
  }))

  (it "appliess class" (let
    attrs = { style = { foo = "bar"; }; };
    para = (style.component elems.p "para" attrs);
  in {
    expected = [ "para" ];
    actual = (para "").attrs.class;
  }))

  (it "applies classes from props" (let
    attrs = {
      style = { foo = "bar"; };
      class = [ "other" "class" ];
    };
    para = (style.component elems.p "para" attrs);
  in {
    expected = [ "para" "other" "class" ];
    actual = (para "").attrs.class;
  }))

  (it "fetches style for class" (let
    s = { foo = "bar"; };
    para = (style.component elems.p "para" { style = s; });
  in {
    expected = {
      "p" = { };
      "p.para" = s;
    };
    actual = style.getStyle (para "");
  }))

  (it "fetches style recursively" (let
    s = {
      "p" = { };
      "div" = { };
      "p.para" = { foo = "bar"; };
      "div.link" = { this = "that"; };
    };
    para = (style.component elems.p "para" { style = s."p.para"; });
    div = (style.component elems.div "link" { style = s."div.link"; });
  in {
    expected = s;
    actual = style.getStyles (para (div "hello"));
    removeDunders = true;
  }))

  (it "fetches style recursively through lists" (let
    s = {
      "p" = { };
      "div" = { };
      "p.para" = { foo = "bar"; };
      "div.link" = { this = "that"; };
    };
    para = (style.component elems.p "para" { style = s."p.para"; });
    a = (style.component elems.div "link" { style = s."div.link"; });
  in {
    expected = s;
    actual = style.getStyles (para [ (a "hello") ]);
    removeDunders = true;
  }))

  (it "fetches style recursively with repeats" (let
    s = {
      "p" = { };
      "div" = { };
      "p.para" = { foo = "bar"; };
      "div.link" = { this = "that"; };
    };
    para = (style.component elems.p "para" { style = s."p.para"; });
    a = (style.component elems.div "link" { style = s."div.link"; });
  in {
    expected = s;
    actual = style.getStyles (para [ (a "hello") (a "hello") ]);
    removeDunders = true;
  }))

  (it "converts styles to string" (let
    s = {
      "p" = { };
      "p.para" = { foo = "bar"; };
      "a.link" = { this = "that"; };
    };
  in {
    expected = ''
      a.link {
        this: that;
      }
      p.para {
        foo: bar;
      }
    '';
    actual = style.stylesToString s;
  }))

  (it "extends styled tags" (let
    s = {
      "p.para" = { foo = "bar"; };
      "p.oof" = { oof = "yes"; };
    };
    para = (style.component elems.p "para" { style = s."p.para"; });
    para2 = (style.component para "oof" { style = s."p.oof"; });
  in {
    expected = s;
    actual = style.getStyles (para2 "");
    removeDunders = true;
  }))

  (it "extends styled tags classes" (let
    s = {
      "p" = { };
      "div" = { };
      "p.para" = { foo = "bar"; };
      "p.para.oof" = { oof = "yes"; };
    };
    para = (style.component elems.p "para" { style = s."p.para"; });
    para2 = (style.component para "oof" { style = s."p.para.oof"; });
  in {
    expected = [ "para" "oof" ];
    actual = (para2 "").attrs.class;
  }))

]