feat(forms): new and improved forms

1 files changed, 97 insertions, 0 deletions

diff --git a/test/widget/formSpec.js b/test/widget/formSpec.js
new file mode 100644
index 00000000..7c575c33
--- /dev/null
+++ b/test/widget/formSpec.js
@@ -0,0 +1,97 @@
+'use strict';
+
+describe('form', function(){
+  var doc;
+
+  afterEach(function(){
+    dealoc(doc);
+  });
+
+
+  it('should attach form to DOM', function(){
+    doc = angular.element('<form>');
+    var scope = angular.compile(doc)();
+    expect(doc.data('$form')).toBeTruthy();
+  });
+
+
+  it('should prevent form submission', function(){
+    var startingUrl = '' + window.location;
+    doc = angular.element('<form name="myForm"><input type=submit val=submit>');
+    var scope = angular.compile(doc)();
+    browserTrigger(doc.find('input'));
+    waitsFor(
+        function(){ return true; },
+        'let browser breath, so that the form submision can manifest itself', 10);
+    runs(function(){
+      expect('' + window.location).toEqual(startingUrl);
+    });
+  });
+
+
+  it('should publish form to scope', function(){
+    doc = angular.element('<form name="myForm">');
+    var scope = angular.compile(doc)();
+    expect(scope.myForm).toBeTruthy();
+    expect(doc.data('$form')).toBeTruthy();
+    expect(doc.data('$form')).toEqual(scope.myForm);
+  });
+
+
+  it('should have ng-valide/ng-invalid style', function(){
+    doc = angular.element('<form name="myForm"><input type=text ng:model=text required>');
+    var scope = angular.compile(doc)();
+    scope.text = 'misko';
+    scope.$digest();
+
+    expect(doc.hasClass('ng-valid')).toBe(true);
+    expect(doc.hasClass('ng-invalid')).toBe(false);
+
+    scope.text = '';
+    scope.$digest();
+    expect(doc.hasClass('ng-valid')).toBe(false);
+    expect(doc.hasClass('ng-invalid')).toBe(true);
+  });
+
+
+  it('should chain nested forms', function(){
+    doc = angular.element('<ng:form name=parent><ng:form name=child><input type=text ng:model=text name=text>');
+    var scope = angular.compile(doc)();
+    var parent = scope.parent;
+    var child = scope.child;
+    var input = child.text;
+
+    input.$emit('$invalid', 'MyError');
+    expect(parent.$error.MyError).toEqual([input]);
+    expect(child.$error.MyError).toEqual([input]);
+
+    input.$emit('$valid', 'MyError');
+    expect(parent.$error.MyError).toBeUndefined();
+    expect(child.$error.MyError).toBeUndefined();
+  });
+
+
+  it('should chain nested forms in repeater', function(){
+    doc = angular.element('<ng:form name=parent>' +
+        '<ng:form ng:repeat="f in forms" name=child><input type=text ng:model=text name=text>');
+    var scope = angular.compile(doc)();
+    scope.forms = [1];
+    scope.$digest();
+
+    var parent = scope.parent;
+    var child = doc.find('input').scope().child;
+    var input = child.text;
+    expect(parent).toBeDefined();
+    expect(child).toBeDefined();
+    expect(input).toBeDefined();
+
+    input.$emit('$invalid', 'myRule');
+    expect(input.$error.myRule).toEqual(true);
+    expect(child.$error.myRule).toEqual([input]);
+    expect(parent.$error.myRule).toEqual([input]);
+
+    input.$emit('$valid', 'myRule');
+    expect(parent.$error.myRule).toBeUndefined();
+    expect(child.$error.myRule).toBeUndefined();
+  });
+});