Add some more tests

-
-
 describe('Rivets', function() {
-  var data, bindData, el;
+  var data, bindData, el, input;
 
   beforeEach(function() {
     data = new Data({foo: 'bar'});
     bindData = {data: data};
     el = document.createElement('div');
+    input = document.createElement('input');
+    input.setAttribute('type', 'text');
 
     rivets.configure({
       preloadData: true,
@@ -83,6 +83,15 @@ describe('Rivets', function() {
       });
     });
 
+    describe('Value', function() {
+      it('should set the value of the element', function() {
+        input.setAttribute('data-value', 'data.foo');
+        rivets.bind(input, bindData);
+        expect(input.value).toBe(data.get('foo'));
+      });
+    });
+  });
+
   describe('Updates', function() {
     it('should change the value', function() {
       el.setAttribute('data-text', 'data.foo');
@@ -91,5 +100,16 @@ describe('Rivets', function() {
       expect(el).toHaveTheTextContent(data.get('foo'));
     });
   });
+
+  describe('Input', function() {
+    it('should update the model value', function() {
+      input.setAttribute('data-value', 'data.foo');
+      rivets.bind(input, bindData);
+      input.value = 'some new value';
+      var event = document.createEvent('HTMLEvents')
+      event.initEvent('change', true, true);
+      input.dispatchEvent(event);
+      expect(input.value).toBe(data.get('foo'));
+    });
   });
 });