node_spec.js

require("./spec_helper.js");

describe("Jaml.Node", function() {
  
  beforeEach(function(){
    fooBar = new Jaml.Node("fooBar");
  });
  
  describe("tag closing", function() {
    it("self-closes by default", function(){
      expect(new Jaml.Node("fooBar").render()).
     toEqual("<fooBar/>\n");
    });

    it("doesn't self-close for (for example) textarea and script", function(){
      expect(new Jaml.Node("textarea").render()).
     toEqual("<textarea></textarea>\n");

      expect(new Jaml.Node("script").render()).
     toEqual("<script></script>\n");
    });
    
    it("doesn't self-close if there are children", function(){
      expect(new Jaml.Node("fooBar").addChild(new Jaml.Node("x")).render()).
     toEqual("<fooBar>\n" +
             "  <x/>\n" +
             "</fooBar>\n");
    });
    
    it("doesn't self-close if there are text nodes", function(){
      expect(new Jaml.Node("fooBar").addChild(new Jaml.TextNode("x")).render()).
     toEqual("<fooBar>x</fooBar>\n");
    });
    
  });
  
  describe("padding of spaces at the front", function() {
    it("properly prepends the specified amount of left padding", function(){
      expect(new Jaml.Node("fooBar").render()).
     toEqual("<fooBar/>\n");
     
      expect(new Jaml.Node("fooBar").render(0)).
     toEqual("<fooBar/>\n");
     
      expect(new Jaml.Node("fooBar").render(5)).
     toEqual("     <fooBar/>\n");
    });

    it("indents children by 2", function(){
      expect(new Jaml.Node("fooBar").
               addChild(
                 new Jaml.Node("x").
                   addChild(new Jaml.Node("y"))
               ).render()).
     toEqual("<fooBar>\n" +
             "  <x>\n" + 
             "    <y/>\n" +
             "  </x>\n" +
             "</fooBar>\n");
    });
  });
  
  describe("attributes", function() {
    it("renders attributes as key value pairs separated by = in the tag", function(){
      expect(fooBar.setAttributes({a:"b"}).render()).
     toEqual("<fooBar a=\"b\"/>\n");
    });

    it("renders several attributes in a row.  order is imposed", function(){
      expect(fooBar.setAttributes({x:"y", a:"b", c:"d"}).render()).
     toEqual("<fooBar a=\"b\" c=\"d\" x=\"y\"/>\n");
    });

    it("renders booleans", function(){
      expect(fooBar.setAttributes({a:true}).render()).toEqual("<fooBar a=\"true\"/>\n");
      expect(fooBar.setAttributes({a:false}).render()).toEqual("<fooBar a=\"false\"/>\n");
    });

    it("renders integers", function(){
      expect(fooBar.setAttributes({a:0}).render()).toEqual("<fooBar a=\"0\"/>\n");
      expect(fooBar.setAttributes({a:-1}).render()).toEqual("<fooBar a=\"-1\"/>\n");
      expect(fooBar.setAttributes({a:7}).render()).toEqual("<fooBar a=\"7\"/>\n");
    });
    
    it("renders floats", function(){
      expect(fooBar.setAttributes({a:0.0}).render()).toEqual("<fooBar a=\"0\"/>\n");

      expect(fooBar.setAttributes({a:0.01}).render()).toEqual("<fooBar a=\"0.01\"/>\n");
      expect(fooBar.setAttributes({a:0.0100}).render()).toEqual("<fooBar a=\"0.01\"/>\n");

      expect(fooBar.setAttributes({a:23.45}).render()).toEqual("<fooBar a=\"23.45\"/>\n");
      expect(fooBar.setAttributes({a:-23.45}).render()).toEqual("<fooBar a=\"-23.45\"/>\n");
    });
    
    it("does the javascript thing on really big and really small numbers.  just calling this out.", function(){
      expect(fooBar.setAttributes({a:70000000000000000000000}).render()).toEqual("<fooBar a=\"7e+22\"/>\n");
      expect(fooBar.setAttributes({a:70000000000000000000000.01}).render()).toEqual("<fooBar a=\"7e+22\"/>\n");
      
      expect(fooBar.setAttributes({a:0.00000000000000000000007}).render()).toEqual("<fooBar a=\"7e-23\"/>\n");
    });
    
    //todo: throw if the attribute value is a non-primitive?
  });
  
  describe("element children", function() {
    it("renders children as inner tags", function(){
      expect(fooBar.addChild(new Jaml.Node("x")).render()).
     toEqual("<fooBar>\n" +
             "  <x/>\n" +
             "</fooBar>\n");
    });

    it("renders multiple children in order", function(){
      expect(fooBar.addChild(new Jaml.Node("x")).
                    addChild(new Jaml.Node("y")).
                    addChild(new Jaml.Node("z")).render()).
     toEqual("<fooBar>\n" +
             "  <x/>\n" +
             "  <y/>\n" +
             "  <z/>\n" +
             "</fooBar>\n");
    });

    it("renders children of children", function(){
      expect(fooBar.addChild(new Jaml.Node("x").
                      addChild(new Jaml.Node("J"))).
                    addChild(new Jaml.Node("y").
                      addChild(new Jaml.Node("K"))).render()).
     toEqual("<fooBar>\n" +
             "  <x>\n" +
             "    <J/>\n" +
             "  </x>\n" +
             "  <y>\n" +
             "    <K/>\n" +
             "  </y>\n" +
             "</fooBar>\n");
    });
  });
  
  describe("array children", function() {
    it("renders an array of nodes as a series of child nodes.  " +
       "this is often useful when you want to $.map or _.map an array of objects into the equivalent array of nodes.", function(){
      expect(fooBar.addChild([new Jaml.Node("x"), new Jaml.Node("y")]).
                    addChild(new Jaml.Node("z")).render()).
     toEqual("<fooBar>\n" +
             "  <x/>\n" +
             "  <y/>\n" +
             "  <z/>\n" +
             "</fooBar>\n");
    });    

    it("works with mixed node and textnodes", function(){
      expect(fooBar.addChild([new Jaml.Node("x"), new Jaml.TextNode("y")]).
                    addChild(new Jaml.TextNode("z")).render()).
     toEqual("<fooBar>\n" +
             "  <x/>\n" +
             "yz</fooBar>\n");
    });    
  })
  
  describe("textnode children", function() {
    it("renders", function(){
      expect(new Jaml.TextNode("x").render()).
     toEqual("x");
    });

    it("renders a single textnode child all on one line", function(){
      expect(new Jaml.Node("fooBar").addChild(new Jaml.TextNode("x")).render()).
     toEqual("<fooBar>x</fooBar>\n");
    });

    it("renders text nodes in one line, on a new line if there are multiple textnode children", function(){
      expect(fooBar.addChild(new Jaml.TextNode("x")).
                    addChild(new Jaml.TextNode("y")).render()).
     toEqual("<fooBar>\nxy</fooBar>\n");
    });
  });
});