Updating Angular version

third_party/pkg/angular/test/directive/ng_form_spec.dart

 library form_spec;
 
 import '../_specs.dart';
 
 main() =>
 describe('form', () {
   TestBed _;
 
   beforeEach(inject((TestBed tb) => _ = tb));
 
-  it('should suppress the submission event if no action is provided within the form', inject((Scope scope) {
+  it('should set the name of the form and attach it to the scope', inject((Scope scope) {
     var element = $('<form name="myForm"></form>');
 
+    expect(scope['myForm']).toBeNull();
+
     _.compile(element);
     scope.$apply();
 
-    Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
-
-    expect(submissionEvent.defaultPrevented).toBe(false);
-    element[0].dispatchEvent(submissionEvent);
-    expect(submissionEvent.defaultPrevented).toBe(true);
-
-    Event fakeEvent = new Event.eventType('CustomEvent', 'running');
-
-    expect(fakeEvent.defaultPrevented).toBe(false);
-    element[0].dispatchEvent(submissionEvent);
-    expect(fakeEvent.defaultPrevented).toBe(false);
+    expect(scope['myForm']).toBeDefined();
+
+    var form = scope['myForm'];
+    expect(form.name).toEqual('myForm');
   }));
 
-  it('should not prevent the submission event if an action is defined', inject((Scope scope) {
-    var element = $('<form name="myForm" action="..."></form>');
-
-    _.compile(element);
-    scope.$apply();
-
-    Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
-
-    expect(submissionEvent.defaultPrevented).toBe(false);
-    element[0].dispatchEvent(submissionEvent);
-    expect(submissionEvent.defaultPrevented).toBe(false);
-  }));
-
-  it('should execute the ng-submit expression if provided upon form submission', inject((Scope scope) {
-    var element = $('<form name="myForm" ng-submit="submitted = true"></form>');
-
-    _.compile(element);
-    scope.$apply();
-
-    _.rootScope.submitted = false;
-
-    Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
-    element[0].dispatchEvent(submissionEvent);
-
-    expect(_.rootScope.submitted).toBe(true);
-  }));
+  describe('pristine / dirty', () {
+    it('should be set to pristine by default', inject((Scope scope) {
+      var element = $('<form name="myForm"></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      expect(form.pristine).toEqual(true);
+      expect(form.dirty).toEqual(false);
+    }));
+
+    it('should add and remove the correct CSS classes when set to dirty and to pristine', inject((Scope scope) {
+      var element = $('<form name="myForm"></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+
+      form.dirty = true;
+      expect(form.pristine).toEqual(false);
+      expect(form.dirty).toEqual(true);
+      expect(element.hasClass('ng-pristine')).toBe(false);
+      expect(element.hasClass('ng-dirty')).toBe(true);
+
+      form.pristine = true;
+      expect(form.pristine).toEqual(true);
+      expect(form.dirty).toEqual(false);
+      expect(element.hasClass('ng-pristine')).toBe(true);
+      expect(element.hasClass('ng-dirty')).toBe(false);
+    }));
+  });
+
+  describe('valid / invalid', () {
+    it('should add and remove the correct flags when set to valid and to invalid', inject((Scope scope) {
+      var element = $('<form name="myForm"></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+
+      form.invalid = true;
+      expect(form.valid).toEqual(false);
+      expect(form.invalid).toEqual(true);
+      expect(element.hasClass('ng-valid')).toBe(false);
+      expect(element.hasClass('ng-invalid')).toBe(true);
+
+      form.valid = true;
+      expect(form.valid).toEqual(true);
+      expect(form.invalid).toEqual(false);
+      expect(element.hasClass('ng-invalid')).toBe(false);
+      expect(element.hasClass('ng-valid')).toBe(true);
+    }));
+
+    it('should set the validity with respect to all existing validations when setValidity() is used', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="one" name="one" />' +
+                      '  <input type="text" ng-model="two" name="two" />' +
+                      '  <input type="text" ng-model="three" name="three" />' +
+                      '</form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      NgModel one = form['one'];
+      NgModel two = form['two'];
+      NgModel three = form['three'];
+
+      form.setValidity(one, "some error", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      form.setValidity(two, "some error", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      form.setValidity(one, "some error", true);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      form.setValidity(two, "some error", true);
+      expect(form.valid).toBe(true);
+      expect(form.invalid).toBe(false);
+    }));
+
+    it('should not handle the control + errorType pair more than once', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="one" name="one" />' +
+                      '</form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      NgModel one = form['one'];
+
+      form.setValidity(one, "validation error", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      form.setValidity(one, "validation error", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      form.setValidity(one, "validation error", true);
+      expect(form.valid).toBe(true);
+      expect(form.invalid).toBe(false);
+    }));
+
+    it('should update the validity of the parent form when the inner model changes', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="one" name="one" />' +
+                      '  <input type="text" ng-model="two" name="two" />' +
+                      '</form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      NgModel one = form['one'];
+      NgModel two = form['two'];
+
+      one.setValidity("required", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      two.setValidity("required", false);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      one.setValidity("required", true);
+      expect(form.valid).toBe(false);
+      expect(form.invalid).toBe(true);
+
+      two.setValidity("required", true);
+      expect(form.valid).toBe(true);
+      expect(form.invalid).toBe(false);
+    }));
+
+    it('should set the validity for the parent form when fieldsets are used', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <fieldset probe="f">' +
+                      '    <input type="text" ng-model="one" name="one" probe="m" />' +
+                      '  </fieldset>' +
+                      '</form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      var fieldset = _.rootScope.f.directive(NgForm);
+      var model = _.rootScope.m.directive(NgModel);
+
+      model.setValidity("error", false);
+
+      expect(model.valid).toBe(false);
+      expect(fieldset.valid).toBe(false);
+      expect(form.valid).toBe(false);
+
+      model.setValidity("error", true);
+
+      expect(model.valid).toBe(true);
+      expect(fieldset.valid).toBe(true);
+      expect(form.valid).toBe(true);
+
+      form.setValidity(fieldset, "error", false);
+      expect(model.valid).toBe(true);
+      expect(fieldset.valid).toBe(true);
+      expect(form.valid).toBe(false);
+
+      fieldset.setValidity(model, "error", false);
+      expect(model.valid).toBe(true);
+      expect(fieldset.valid).toBe(false);
+      expect(form.valid).toBe(false);
+    }));
+  });
+
+  describe('controls', () {
+    it('should add each contained ng-model as a control upon compile', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="mega_model" name="mega_name" />' +
+                      '  <select ng-model="fire_model" name="fire_name">' +
+                      '    <option>value</option>' + 
+                      '  </select>' +
+                      '</form>');
+
+      _.compile(element);
+
+      scope.mega_model = 'mega';
+      scope.fire_model = 'fire';
+      scope.$apply();
+
+      var form = scope['myForm'];
+      expect(form['mega_name'].modelValue).toBe('mega');
+      expect(form['fire_name'].modelValue).toBe('fire');
+    }));
+
+    it('should properly remove controls directly from the ngForm instance', inject((Scope scope) {
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="mega_model" name="mega_control" />' +
+                      '</form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      var form = scope['myForm'];
+      var control = form['mega_control'];
+      form.removeControl(control);
+      expect(form['mega_control']).toBeNull();
+    }));
+
+    it('should remove all controls when the scope is destroyed', inject((Scope scope) {
+      Scope childScope = scope.$new();
+      var element = $('<form name="myForm">' + 
+                      '  <input type="text" ng-model="one" name="one" />' +
+                      '  <input type="text" ng-model="two" name="two" />' +
+                      '  <input type="text" ng-model="three" name="three" />' +
+                      '</form>');
+
+      _.compile(element, scope: childScope);
+      childScope.$apply();
+
+      var form = childScope['myForm'];
+      expect(form['one']).toBeDefined();
+      expect(form['two']).toBeDefined();
+      expect(form['three']).toBeDefined();
+
+      childScope.$destroy();
+
+      expect(form['one']).toBeNull();
+      expect(form['two']).toBeNull();
+      expect(form['three']).toBeNull();
+    }));
+  });
+
+  describe('onSubmit', () {
+    it('should suppress the submission event if no action is provided within the form', inject((Scope scope) {
+      var element = $('<form name="myForm"></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
+
+      expect(submissionEvent.defaultPrevented).toBe(false);
+      element[0].dispatchEvent(submissionEvent);
+      expect(submissionEvent.defaultPrevented).toBe(true);
+
+      Event fakeEvent = new Event.eventType('CustomEvent', 'running');
+
+      expect(fakeEvent.defaultPrevented).toBe(false);
+      element[0].dispatchEvent(submissionEvent);
+      expect(fakeEvent.defaultPrevented).toBe(false);
+    }));
+
+    it('should not prevent the submission event if an action is defined', inject((Scope scope) {
+      var element = $('<form name="myForm" action="..."></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
+
+      expect(submissionEvent.defaultPrevented).toBe(false);
+      element[0].dispatchEvent(submissionEvent);
+      expect(submissionEvent.defaultPrevented).toBe(false);
+    }));
+
+    it('should execute the ng-submit expression if provided upon form submission', inject((Scope scope) {
+      var element = $('<form name="myForm" ng-submit="submitted = true"></form>');
+
+      _.compile(element);
+      scope.$apply();
+
+      _.rootScope.submitted = false;
+
+      Event submissionEvent = new Event.eventType('CustomEvent', 'submit');
+      element[0].dispatchEvent(submissionEvent);
+
+      expect(_.rootScope.submitted).toBe(true);
+    }));
+  });
 });