Update tests to match coffee branch

Author: blikblum

spec/rivets/binders.js

@@ -1,35 +1,35 @@
 describe("Rivets.binders", function() {
-  var context
+  var context;
 
   beforeEach(function() {
     context = {
       publish: function() {}
     }
-  })
+  });
 
   describe("value", function() {
-    var el
+    var el;
 
     beforeEach(function() {
       el = document.createElement('input')
-    })
+    });
 
     it("unbinds the same bound function", function() {
-      var boundFn
+      var boundFn;
 
       sinon.stub(el, 'addEventListener', function(event, fn) {
         boundFn = fn
-      })
+      });
 
-      rivets.binders.value.bind.call(context, el)
+      rivets.binders.value.bind.call(context, el);
 
       sinon.stub(el, 'removeEventListener', function(event, fn) {
         fn.should.equal(boundFn)
-      })
+      });
 
       rivets.binders.value.unbind.call(context, el)
     })
-  })
+  });
 
   describe("each-*", function() {
     var fragment;
@@ -56,34 +56,22 @@ describe("Rivets.binders", function() {
 
     it("reflects changes to the model into the DOM", function() {
       var view = rivets.bind(fragment, model);
-      Should(fragment.childNodes[1].innerText).be.exactly("0");
+      Should(fragment.childNodes[1].textContent).be.exactly("0");
 
       model.items[0].val = "howdy";
-      Should(fragment.childNodes[1].innerText).be.exactly("howdy");
+      Should(fragment.childNodes[1].textContent).be.exactly("howdy");
     });
 
     it("reflects changes to the model into the DOM after unbind/bind", function() {
       var view = rivets.bind(fragment, model);
-      Should(fragment.childNodes[1].innerText).be.exactly("0");
+      Should(fragment.childNodes[1].textContent).be.exactly("0");
 
       view.unbind();
       view.bind();
       model.items[0].val = "howdy";
-      Should(fragment.childNodes[1].innerText).be.exactly("howdy");
+      Should(fragment.childNodes[1].textContent).be.exactly("howdy");
     });
 
-    it("lets you pop an item", function() {
-      var view = rivets.bind(fragment, model);
-      var originalLength  = model.items.length;
-
-      // one child for each element in the model plus 1 for the comment placeholder
-      Should(fragment.childNodes.length).be.exactly(model.items.length + 1);
-
-      model.items.pop();
-      Should(model.items.length).be.exactly(originalLength - 1);
-      Should(fragment.childNodes.length).be.exactly(model.items.length + 1);
-    })
-
     it("lets you push an item", function() {
       var view = rivets.bind(fragment, model);
       var originalLength  = model.items.length;
@@ -112,6 +100,34 @@ describe("Rivets.binders", function() {
     });
   });
 
+  describe("nested-each-*", function() {
+    var fragment;
+    var el;
+    var nestedEl;
+    var model;
+
+    beforeEach(function() {
+      fragment = document.createDocumentFragment();
+      el = document.createElement("span");
+      el.setAttribute("rv-each-item", "items");
+      nestedEl = document.createElement("span");
+      nestedEl.setAttribute("rv-each-nested", "item.val");
+      nestedEl.textContent = "{%item%}-{%nested%}";
+      el.appendChild(nestedEl);
+      fragment.appendChild(el);
+
+      model = { items: [{val: [{val: 0},{val: 1}]},{val: [{val: 2},{val: 3}]},{val: [{val: 4},{val: 5}]}] };
+    });
+
+    it.skip("lets you get all the indexes", function() {
+      var view = rivets.bind(el, model);
+
+      Should(fragment.childNodes[1].childNodes[1].textContent).be.exactly('0-0');
+      Should(fragment.childNodes[1].childNodes[2].textContent).be.exactly('0-1');
+      Should(fragment.childNodes[2].childNodes[2].textContent).be.exactly('1-1');
+    });
+  });
+
   describe("if", function() {
     var fragment;
     var el;
@@ -183,5 +199,49 @@ describe("Rivets.binders", function() {
       // 1 for the comment placeholder
       Should(fragment.childNodes.length).be.exactly(1);
     });
+
+    it("rebindes nested if", function() {
+      var nestedEl = document.createElement("div");
+      nestedEl.setAttribute("rv-if", "data.showNested");
+      nestedEl.innerHTML = "{ data.countNested }";
+      el.appendChild(nestedEl);
+
+      var view = rivets.bind(fragment, model);
+
+      model.data.countNested = "1";
+      model.data.showNested = true;
+      Should(nestedEl.innerHTML).be.exactly("1");
+      model.data.show = false;
+      model.data.show = true;
+      model.data.countNested = "42";
+
+      Should(nestedEl.innerHTML).be.exactly("42");
+    });
+  });
+ 
+  describe("Custom binder with no attribute value", function() {
+    var el, model;
+    rivets.binders["custom-binder"] = function(el, value) {
+      el.innerHTML = "received " + value;
+    };
+    beforeEach(function() {
+      fragment = document.createDocumentFragment();
+      el = document.createElement("div");
+
+      fragment.appendChild(el);
+
+      model = {};
+    });
+
+    it("receives undefined when html attribute is not specified", function() {
+      el.innerHTML = "<div rv-custom-binder></div>";
+      var view = rivets.bind(fragment, model);
+      Should(el.children[0].innerHTML).be.exactly('received undefined');
+    });
+    it("receives undefined when html attribute is not specified", function() {
+      el.innerHTML = "<div rv-custom-binder=''></div>";
+      var view = rivets.bind(fragment, model);
+      Should(el.children[0].innerHTML).be.exactly('received undefined');
+    });
   });
 });