Updating Angular version

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

 library ng_model_spec;
 
 import '../_specs.dart';
 import 'dart:html' as dom;
 
 main() =>
 describe('ng-model', () {
   TestBed _;
 
   beforeEach(inject((TestBed tb) => _ = tb));
@@ skipping 23 matching lines @@
       _.compile('<input type="text" ng-model="model" probe="p">');
       Probe probe = _.rootScope.p;
       var ngModel = probe.directive(NgModel);
       InputElement inputElement = probe.element;
 
       inputElement.value = 'abc';
       _.triggerEvent(inputElement, 'change');
       expect(_.rootScope.model).toEqual('abc');
 
       inputElement.value = 'def';
-      var input = probe.directive(InputTextDirective);
+      var input = probe.directive(InputTextLikeDirective);
       input.processValue();
       expect(_.rootScope.model).toEqual('def');
-
     }));
 
     it('should write to input only if value is different', inject(() {
       var scope = _.rootScope;
-      var model = new NgModel(scope, new NodeAttrs(new DivElement()));
       var element = new dom.InputElement();
+      var model = new NgModel(scope, new NodeAttrs(new DivElement()), element, new NgNullForm());
       dom.querySelector('body').append(element);
-      var input = new InputTextDirective(element, model, scope);
+      var input = new InputTextLikeDirective(element, model, scope);
 
       element.value = 'abc';
       element.selectionStart = 1;
       element.selectionEnd = 2;
 
       model.render('abc');
 
       expect(element.value).toEqual('abc');
       // No update.  selectionStart/End is unchanged.
       expect(element.selectionStart).toEqual(1);
@@ skipping 33 matching lines @@
       _.compile('<input type="password" ng-model="model" probe="p">');
       Probe probe = _.rootScope.p;
       var ngModel = probe.directive(NgModel);
       InputElement inputElement = probe.element;
 
       inputElement.value = 'abc';
       _.triggerEvent(inputElement, 'change');
       expect(_.rootScope.model).toEqual('abc');
 
       inputElement.value = 'def';
-      var input = probe.directive(InputPasswordDirective);
+      var input = probe.directive(InputTextLikeDirective);
       input.processValue();
       expect(_.rootScope.model).toEqual('def');
 
     }));
 
     it('should write to input only if value is different', inject(() {
       var scope = _.rootScope;
-      var model = new NgModel(scope, new NodeAttrs(new DivElement()));
       var element = new dom.InputElement();
+      var model = new NgModel(scope, new NodeAttrs(new DivElement()), element, new NgNullForm());
       dom.querySelector('body').append(element);
-      var input = new InputPasswordDirective(element, model, scope);
+      var input = new InputTextLikeDirective(element, model, scope);
 
       element.value = 'abc';
       element.selectionStart = 1;
       element.selectionEnd = 2;
 
       model.render('abc');
 
       expect(element.value).toEqual('abc');
       expect(element.selectionStart).toEqual(1);
       expect(element.selectionEnd).toEqual(2);
@@ skipping 46 matching lines @@
       var element = _.compile('<input type="checkbox" ng-model="model">');
 
       element.checked = true;
       _.triggerEvent(element, 'change');
       expect(scope['model']).toBe(true);
 
       element.checked = false;
       _.triggerEvent(element, 'change');
       expect(scope['model']).toBe(false);
     }));
-
   });
 
   describe('type="textarea"', () {
     it('should update textarea value from model', inject(() {
       _.compile('<textarea ng-model="model">');
       _.rootScope.$digest();
 
       expect((_.rootElement as dom.TextAreaElement).value).toEqual('');
 
       _.rootScope.$apply('model = "misko"');
@@ skipping 14 matching lines @@
       _.compile('<textarea ng-model="model" probe="p">');
       Probe probe = _.rootScope.p;
       var ngModel = probe.directive(NgModel);
       TextAreaElement element = probe.element;
 
       element.value = 'abc';
       _.triggerEvent(element, 'change');
       expect(_.rootScope.model).toEqual('abc');
 
       element.value = 'def';
-      var textarea = probe.directive(TextAreaDirective);
+      var textarea = probe.directive(InputTextLikeDirective);
       textarea.processValue();
       expect(_.rootScope.model).toEqual('def');
 
     }));
 
     // NOTE(deboer): This test passes on Dartium, but fails in the content_shell.
     // The Dart team is looking into this bug.
     xit('should write to input only if value is different', inject(() {
       var scope = _.rootScope;
-      var model = new NgModel(scope, new NodeAttrs(new DivElement()));
       var element = new dom.TextAreaElement();
+      var model = new NgModel(scope, new NodeAttrs(new DivElement()), element);
       dom.querySelector('body').append(element);
-      var input = new TextAreaDirective(element, model, scope);
+      var input = new InputTextLikeDirective(element, model, scope);
 
       element.value = 'abc';
       element.selectionStart = 1;
       element.selectionEnd = 2;
 
       model.render('abc');
 
       expect(element.value).toEqual('abc');
       expect(element.selectionStart).toEqual(1);
       expect(element.selectionEnd).toEqual(2);
 
       model.render('xyz');
 
       // Setting the value on a textarea doesn't update the selection the way it
       // does on input elements.  This stays unchanged.
       expect(element.value).toEqual('xyz');
       expect(element.selectionStart).toEqual(0);
       expect(element.selectionEnd).toEqual(0);
     }));
   });
 
-  describe('type="number"', () {
-    it('should update input value from model', inject(() {
-      _.compile('<input type="number" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Invalid number
-      _.rootScope.$apply('model = "foo"');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Valid number
-      _.rootScope.$apply('model = 1234');
-      expect((_.rootElement as dom.InputElement).value).toEqual('1234');
-    }));
-
-    it('should not render null or NaN values', inject(() {
-      _.compile('<input type="number" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      _.rootScope.$apply('model = null');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      _.rootScope['model'] = 0/0;
-      _.rootScope.$digest();
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-    }));
-
-    it('should update model from the input value', inject(() {
-      _.compile('<input type="number" ng-model="model" probe="p">');
-      Probe probe = _.rootScope.p;
-      var ngModel = probe.directive(NgModel);
-      InputElement inputElement = probe.element;
-
-      // Valid value
-      inputElement.value = '12345';
-      _.triggerEvent(inputElement, 'change');
-      expect(_.rootScope.model).toEqual(12345);
-
-      // Invalid value
-      inputElement.value = 'foo';
-      var input = probe.directive(InputNumberDirective);
-      input.processValue();
-      expect(_.rootScope.model.isNaN).toBe(true);
-    }));
-  });
-
-  describe('type="email"', () {
-    it('should update input value from model', inject(() {
-      _.compile('<input type="email" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Invalid e-mail
-      _.rootScope.$apply('model = "foo"');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Valid e-mail
-      _.rootScope.$apply('model = "foo@example.com"');
-      expect((_.rootElement as dom.InputElement).value).toEqual('foo@example.com');
-    }));
-
-    it('should render null as the empty string', inject(() {
-      _.compile('<input type="email" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      _.rootScope.$apply('model = null');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-    }));
-
-    it('should update model from the input value', inject(() {
-      _.compile('<input type="email" ng-model="model" probe="p">');
-      Probe probe = _.rootScope.p;
-      var ngModel = probe.directive(NgModel);
-      InputElement inputElement = probe.element;
-
-      // Valid value
-      inputElement.value = 'foo@example.com';
-      _.triggerEvent(inputElement, 'change');
-      expect(_.rootScope.model).toEqual('foo@example.com');
-
-      // Invalid value
-      inputElement.value = 'foo';
-      var input = probe.directive(InputEmailDirective);
-      input.processValue();
-      expect(_.rootScope.model).toEqual(null);
-    }));
-  });
-
-  describe('type="url"', () {
-    it('should update input value from model', inject(() {
-      _.compile('<input type="url" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Invalid e-mail
-      _.rootScope.$apply('model = "foo"');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      // Valid e-mail
-      _.rootScope.$apply('model = "http://www.google.com"');
-      expect((_.rootElement as dom.InputElement).value).toEqual(
-          'http://www.google.com');
-    }));
-
-    it('should render null as the empty string', inject(() {
-      _.compile('<input type="url" ng-model="model">');
-      _.rootScope.$digest();
-
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-
-      _.rootScope.$apply('model = null');
-      expect((_.rootElement as dom.InputElement).value).toEqual('');
-    }));
-
-    it('should update model from the input value', inject(() {
-      _.compile('<input type="url" ng-model="model" probe="p">');
-      Probe probe = _.rootScope.p;
-      var ngModel = probe.directive(NgModel);
-      InputElement inputElement = probe.element;
-
-      // Valid value
-      inputElement.value = 'http://www.google.com';
-      _.triggerEvent(inputElement, 'change');
-      expect(_.rootScope.model).toEqual('http://www.google.com');
-
-      // Invalid value
-      inputElement.value = 'foo';
-      var input = probe.directive(InputUrlDirective);
-      input.processValue();
-      expect(_.rootScope.model).toEqual(null);
-    }));
-  });
-
   describe('type="radio"', () {
     it('should update input value from model', inject(() {
       _.compile('<input type="radio" name="color" value="red" ng-model="color" probe="r">' +
                 '<input type="radio" name="color" value="green" ng-model="color" probe="g">' +
                 '<input type="radio" name="color" value="blue" ng-model="color" probe="b">');
       _.rootScope.$digest();
 
       RadioButtonInputElement redBtn = _.rootScope.r.element;
       RadioButtonInputElement greenBtn = _.rootScope.g.element;
       RadioButtonInputElement blueBtn = _.rootScope.b.element;
@@ skipping 24 matching lines @@
       expect(greenBtn.checked).toBe(false);
       expect(blueBtn.checked).toBe(false);
 
       _.triggerEvent(greenBtn, 'click');
       expect(_.rootScope['color']).toEqual('green');
       expect(redBtn.checked).toBe(false);
       expect(greenBtn.checked).toBe(true);
       expect(blueBtn.checked).toBe(false);
     }));
   });
+  
+  describe('contenteditable', () {
+    it('should update content from model', inject(() {
+      _.compile('<p contenteditable ng-model="model">');
+      _.rootScope.$digest();
+
+      expect(_.rootElement.text).toEqual('');
+
+      _.rootScope.$apply('model = "misko"');
+      expect(_.rootElement.text).toEqual('misko');
+    }));
+
+    it('should update model from the input value', inject(() {
+      _.compile('<p contenteditable ng-model="model">');
+      Element element = _.rootElement;
+
+      element.innerHtml = 'abc';
+      _.triggerEvent(element, 'change');
+      expect(_.rootScope.model).toEqual('abc');
+
+      element.innerHtml = 'def';
+      var input = ngInjector(element).get(ContentEditableDirective);
+      input.processValue();
+      expect(_.rootScope.model).toEqual('def');
+    }));
+  });
+
+  describe('pristine / dirty', () {
+    it('should be set to pristine by default', inject((Scope scope) {
+      _.compile('<input type="text" ng-model="my_model" probe="i" />');
+      Probe probe = _.rootScope.i;
+      var model = probe.directive(NgModel);
+
+      expect(model.pristine).toEqual(true);
+      expect(model.dirty).toEqual(false);
+    }));
+
+    it('should add and remove the correct CSS classes when set to dirty and to pristine', inject((Scope scope) {
+      _.compile('<input type="text" ng-model="my_model" probe="i" />');
+      Probe probe = _.rootScope.i;
+      var model = probe.directive(NgModel);
+      InputElement element = probe.element;
+
+      model.dirty = true;
+      expect(model.pristine).toEqual(false);
+      expect(model.dirty).toEqual(true);
+      expect(element.classes.contains('ng-pristine')).toBe(false);
+      expect(element.classes.contains('ng-dirty')).toBe(true);
+
+      model.pristine = true;
+      expect(model.pristine).toEqual(true);
+      expect(model.dirty).toEqual(false);
+      expect(element.classes.contains('ng-pristine')).toBe(true);
+      expect(element.classes.contains('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) {
+      _.compile('<input type="text" ng-model="my_model" probe="i" />');
+      Probe probe = _.rootScope.i;
+      var model = probe.directive(NgModel);
+      InputElement element = probe.element;
+
+      model.invalid = true;
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+      expect(element.classes.contains('ng-valid')).toBe(false);
+      expect(element.classes.contains('ng-invalid')).toBe(true);
+
+      model.valid = true;
+      expect(model.valid).toEqual(true);
+      expect(model.invalid).toEqual(false);
+      expect(element.classes.contains('ng-invalid')).toBe(false);
+      expect(element.classes.contains('ng-valid')).toBe(true);
+    }));
+
+    it('should set the validity with respect to all existing validations when setValidity() is used', inject((Scope scope) {
+      _.compile('<input type="text" ng-model="my_model" probe="i" />');
+      Probe probe = _.rootScope.i;
+      var model = probe.directive(NgModel);
+
+      model.setValidity("required", false);
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+
+      model.setValidity("format", false);
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+
+      model.setValidity("format", true);
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+
+      model.setValidity("required", true);
+      expect(model.valid).toEqual(true);
+      expect(model.invalid).toEqual(false);
+    }));
+
+    it('should register each error only once when invalid', inject((Scope scope) {
+      _.compile('<input type="text" ng-model="my_model" probe="i" />');
+      Probe probe = _.rootScope.i;
+      var model = probe.directive(NgModel);
+
+      model.setValidity("distinct-error", false);
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+
+      model.setValidity("distinct-error", false);
+      expect(model.valid).toEqual(false);
+      expect(model.invalid).toEqual(true);
+
+      model.setValidity("distinct-error", true);
+      expect(model.valid).toEqual(true);
+      expect(model.invalid).toEqual(false);
+    }));
+  });
 
 });