@angular-wave/angular.ts 0.9.4 → 0.9.6

package/src/directive/validators/validators.spec.js

@@ -1,740 +0,0 @@
-import { Angular } from "../../angular.js";
-import { wait } from "../../shared/test-utils.js";
-import { dealoc, getController } from "../../shared/dom.js";
-
-describe("validators", () => {
-  let $rootScope;
-  let $compile;
-  let inputElm;
-  let errors = [];
-
-  beforeEach(() => {
-    dealoc(document.getElementById("app"));
-    errors = [];
-    window.angular = new Angular();
-    window.angular
-      .module("myModule", ["ng"])
-      .decorator("$exceptionHandler", function () {
-        return (exception, cause) => {
-          errors.push(exception.message);
-        };
-      });
-    window.angular
-      .bootstrap(document.getElementById("app"), ["myModule"])
-      .invoke((_$compile_, _$rootScope_) => {
-        $compile = _$compile_;
-        $rootScope = _$rootScope_;
-      });
-  });
-
-  describe("pattern", () => {
-    it("should validate in-lined pattern", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-pattern="/^\\d\\d\\d-\\d\\d-\\d\\d\\d\\d$/" />',
-      )($rootScope);
-
-      inputElm.setAttribute("value", "x000-00-0000x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "000-00-0000");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "000-00-0000x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123-45-6789");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should listen on ng-pattern when pattern is changed", async () => {
-      const patternVal = /^\w+$/;
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-pattern="pat" />',
-      )($rootScope);
-
-      $rootScope.pat = patternVal;
-      await wait();
-      expect(inputElm.getAttribute("ng-pattern")).toEqual("/^\\w+$/");
-    });
-
-    it("should validate in-lined pattern with modifiers", () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-pattern="/^abc?$/i" />',
-      )($rootScope);
-
-      inputElm.setAttribute("value", "aB");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "xx");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should validate pattern from scope", async () => {
-      $rootScope.regexp = /^\d\d\d-\d\d-\d\d\d\d$/;
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-pattern="regexp" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "x000-00-0000x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "000-00-0000");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "000-00-0000x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123-45-6789");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "x");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      // $rootScope.$apply(() => {
-      //   $rootScope.regexp = /abc?/;
-      // });
-      // await wait();
-      // inputElm.setAttribute("value", "ab");
-      // inputElm.dispatchEvent(new Event("change"));
-      // expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "xx");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should perform validations when the ngPattern scope value changes", async () => {
-      $rootScope.regexp = /^[a-z]+$/;
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-pattern="regexp" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "abcdef");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      // ON FLY CNANGES
-      // $rootScope.$apply(() => {
-      //   $rootScope.regexp = /^\d+$/;
-      // });
-      // await wait();
-      // expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      // inputElm.setAttribute("value", "abcdef");
-      // inputElm.dispatchEvent(new Event("change"));
-      // await wait();
-      // expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      // $rootScope.$apply(() => {
-      //   $rootScope.regexp = "";
-      // });
-      // await wait();
-      // expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it('should register "pattern" with the model validations when the pattern attribute is used', async () => {
-      const formElm = $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" pattern="^\\d+$" /></form>',
-      )($rootScope);
-      await wait();
-      inputElm = formElm.querySelector("input");
-
-      inputElm.value = "abcd";
-      inputElm.dispatchEvent(new Event("change"));
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect($rootScope.form.input.$error.pattern).toBe(true);
-
-      inputElm.value = "12345";
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-      expect($rootScope.form.input.$error.pattern).not.toBe(true);
-    });
-
-    it("should not throw an error when scope pattern can't be found", () => {
-      expect(() => {
-        inputElm = $compile(
-          '<input type="text" ng-model="foo" ng-pattern="fooRegexp" />',
-        )($rootScope);
-        $rootScope.$apply("foo = 'bar'");
-      }).not.toThrow();
-    });
-
-    it("should throw an error when the scope pattern is not a regular expression", async () => {
-      inputElm = $compile(
-        '<div><input type="text" ng-model="foo" ng-pattern="fooRegexp" /></div>',
-      )($rootScope);
-      await wait();
-      $rootScope.fooRegexp = {};
-      $rootScope.foo = "bar";
-      await wait();
-      expect(errors[0]).toMatch(/Expected fooRegexp/);
-    });
-
-    it("should be invalid if entire string does not match pattern", () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="test" ng-model="value" pattern="\\d{4}"></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      inputElm.setAttribute("value", "1234");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).not.toBe(true);
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should be cope with patterns that start with ^", () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="test" ng-model="value" pattern="^\\d{4}"></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      inputElm.setAttribute("value", "1234");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).not.toBe(true);
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should be cope with patterns that end with $", async () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="test" ng-model="value" pattern="\\d{4}$"></form>',
-      )($rootScope);
-      await wait();
-      inputElm = formElm.querySelector("input");
-      inputElm.setAttribute("value", "1234");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).not.toBe(true);
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.setAttribute("value", "123");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      //
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should validate the viewValue and not the modelValue", async () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="test" ng-model="value" pattern="\\d{4}"></form>',
-      )($rootScope);
-      await wait();
-      inputElm = formElm.querySelector("input");
-      const ctrl = getController(inputElm, "ngModel");
-
-      ctrl.$parsers.push((value) => `${value * 10}`);
-
-      inputElm.setAttribute("value", "1234");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.form.test.$error.pattern).not.toBe(true);
-      expect($rootScope.form.test.$modelValue).toBe("12340");
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should validate on non-input elements", () => {
-      $rootScope.pattern = "\\d{4}";
-      const elm = $compile('<span ng-model="value" pattern="\\d{4}"></span>')(
-        $rootScope,
-      );
-      const elmNg = $compile(
-        '<span ng-model="value" ng-pattern="pattern"></span>',
-      )($rootScope);
-      const ctrl = getController(elm, "ngModel");
-      const ctrlNg = getController(elmNg, "ngModel");
-
-      expect(ctrl.$error.pattern).not.toBe(true);
-      expect(ctrlNg.$error.pattern).not.toBe(true);
-
-      ctrl.$setViewValue("12");
-      ctrlNg.$setViewValue("12");
-
-      expect(ctrl.$error.pattern).toBe(true);
-      expect(ctrlNg.$error.pattern).toBe(true);
-    });
-  });
-
-  describe("minlength", () => {
-    it("should invalidate values that are shorter than the given minlength", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-minlength="3" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "aa");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      inputElm.setAttribute("value", "aaa");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should observe the standard minlength attribute and register it as a validator on the model", async () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" minlength="{{ min }}" /></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      $rootScope.$apply("min = 10");
-      await wait();
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect($rootScope.form.input.$error.minlength).toBe(true);
-
-      $rootScope.$apply("min = 5");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-      expect($rootScope.form.input.$error.minlength).not.toBe(true);
-    });
-
-    it("should validate when the model is initialized as a number", () => {
-      $rootScope.value = 12345;
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" minlength="3" /></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      expect($rootScope.value).toBe(12345);
-      expect($rootScope.form.input.$error.minlength).toBeUndefined();
-    });
-
-    it("should validate emptiness against the viewValue", () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" minlength="3" />',
-      )($rootScope);
-
-      const ctrl = getController(inputElm, "ngModel");
-      spyOn(ctrl, "$isEmpty").and.callThrough();
-
-      ctrl.$parsers.push((value) => `${value}678`);
-
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(ctrl.$isEmpty).toHaveBeenCalledWith("12345");
-    });
-
-    it("should validate on non-input elements", () => {
-      $rootScope.min = 3;
-      const elm = $compile(
-        '<span ng-model="value" minlength="{{min}}"></span>',
-      )($rootScope);
-      const elmNg = $compile(
-        '<span ng-model="value" ng-minlength="min"></span>',
-      )($rootScope);
-      const ctrl = getController(elm, "ngModel");
-      const ctrlNg = getController(elmNg, "ngModel");
-
-      expect(ctrl.$error.minlength).not.toBe(true);
-      expect(ctrlNg.$error.minlength).not.toBe(true);
-
-      ctrl.$setViewValue("12");
-      ctrlNg.$setViewValue("12");
-
-      expect(ctrl.$error.minlength).toBe(true);
-      expect(ctrlNg.$error.minlength).toBe(true);
-    });
-  });
-
-  describe("maxlength", () => {
-    it("should invalidate values that are longer than the given maxlength", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-maxlength="5" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "aaaaaaaa");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      await wait();
-      inputElm.setAttribute("value", "aaa");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should only accept empty values when maxlength is 0", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-maxlength="0" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-      await wait();
-      inputElm.setAttribute("value", "a");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should accept values of any length when maxlength is negative", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-maxlength="-1" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-      await wait();
-      inputElm.setAttribute("value", "aaaaaaaaaa");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should accept values of any length when maxlength is non-numeric", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-maxlength="maxlength" />',
-      )($rootScope);
-      await wait();
-      inputElm.setAttribute("value", "aaaaaaaaaa");
-      inputElm.dispatchEvent(new Event("change"));
-
-      // ONFLY CHANGE
-      // $rootScope.$apply('maxlength = "5"');
-      // await wait();
-      // expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      $rootScope.$apply('maxlength = "abc"');
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      $rootScope.$apply('maxlength = ""');
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      $rootScope.$apply("maxlength = null");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      $rootScope.someObj = {};
-      $rootScope.$apply("maxlength = someObj");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should observe the standard maxlength attribute and register it as a validator on the model", async () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" maxlength="{{ max }}" /></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      $rootScope.$apply("max = 1");
-      await wait();
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect($rootScope.form.input.$error.maxlength).toBe(true);
-
-      $rootScope.$apply("max = 6");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-      expect($rootScope.form.input.$error.maxlength).not.toBe(true);
-    });
-
-    it("should assign the correct model after an observed validator became valid", async () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" maxlength="{{ max }}" />',
-      )($rootScope);
-
-      $rootScope.$apply("max = 1");
-      await wait();
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.value).toBeUndefined();
-
-      $rootScope.$apply("max = 6");
-      await wait();
-      expect($rootScope.value).toBe("12345");
-    });
-
-    it("should assign the correct model after an observed validator became invalid", async () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" maxlength="{{ max }}" />',
-      )($rootScope);
-
-      $rootScope.$apply("max = 6");
-      await wait();
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.value).toBe("12345");
-
-      $rootScope.$apply("max = 1");
-      await wait();
-      expect($rootScope.value).toBeUndefined();
-    });
-
-    it("should leave the value as invalid if observed maxlength changed, but is still invalid", async () => {
-      let formElm = $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" maxlength="{{ max }}" /></form>',
-      )($rootScope);
-      inputElm = formElm.querySelector("input");
-      $rootScope.$apply("max = 1");
-      await wait();
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect($rootScope.form.input.$error.maxlength).toBe(true);
-      expect($rootScope.value).toBeUndefined();
-
-      $rootScope.$apply("max = 3");
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect($rootScope.form.input.$error.maxlength).toBe(true);
-      expect($rootScope.value).toBeUndefined();
-    });
-
-    it("should not notify if observed maxlength changed, but is still invalid", () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" ng-change="ngChangeSpy()" ' +
-          'maxlength="{{ max }}" />',
-      )($rootScope);
-
-      $rootScope.$apply("max = 1");
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-
-      $rootScope.ngChangeSpy = jasmine.createSpy();
-      $rootScope.$apply("max = 3");
-
-      expect($rootScope.ngChangeSpy).not.toHaveBeenCalled();
-    });
-
-    it("should leave the model untouched when validating before model initialization", () => {
-      $rootScope.value = "12345";
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" minlength="3" />',
-      )($rootScope);
-      expect($rootScope.value).toBe("12345");
-    });
-
-    it("should validate when the model is initialized as a number", () => {
-      $rootScope.value = 12345;
-      $compile(
-        '<form name="form"><input type="text" name="input" ng-model="value" maxlength="10" /></form>',
-      )($rootScope);
-
-      expect($rootScope.value).toBe(12345);
-      expect($rootScope.form.input.$error.maxlength).toBeUndefined();
-    });
-
-    it("should validate emptiness against the viewValue", () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" maxlength="10" />',
-      )($rootScope);
-
-      const ctrl = getController(inputElm, "ngModel");
-      spyOn(ctrl, "$isEmpty").and.callThrough();
-
-      ctrl.$parsers.push((value) => `${value}678`);
-
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(ctrl.$isEmpty).toHaveBeenCalledWith("12345");
-    });
-
-    it("should validate on non-input elements", () => {
-      $rootScope.max = 3;
-      const elm = $compile(
-        '<span ng-model="value" maxlength="{{max}}"></span>',
-      )($rootScope);
-      const elmNg = $compile(
-        '<span ng-model="value" ng-maxlength="max"></span>',
-      )($rootScope);
-      const ctrl = getController(elm, "ngModel");
-      const ctrlNg = getController(elmNg, "ngModel");
-
-      expect(ctrl.$error.maxlength).not.toBe(true);
-      expect(ctrlNg.$error.maxlength).not.toBe(true);
-
-      ctrl.$setViewValue("1234");
-      ctrlNg.$setViewValue("1234");
-
-      expect(ctrl.$error.maxlength).toBe(true);
-      expect(ctrlNg.$error.maxlength).toBe(true);
-    });
-  });
-
-  describe("required", () => {
-    it("should allow bindings via ngRequired", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" ng-required="required" />',
-      )($rootScope);
-
-      $rootScope.$apply("required = false");
-      await wait();
-      inputElm.setAttribute("value", "");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      $rootScope.$apply("required = true");
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      $rootScope.$apply("value = 'some'");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      inputElm.value = "";
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      $rootScope.$apply("required = false");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should invalid initial value with bound required", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="value" required="{{required}}" />',
-      )($rootScope);
-
-      $rootScope.$apply("required = true");
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should be $invalid but $pristine if not touched", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="name" name="alias" required />',
-      )($rootScope);
-
-      $rootScope.$apply("name = null");
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect(inputElm.classList.contains("ng-pristine")).toBeTrue();
-
-      inputElm.setAttribute("value", "");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-      expect(inputElm.classList.contains("ng-dirty")).toBeTrue();
-    });
-
-    it("should allow empty string if not required", () => {
-      inputElm = $compile('<input type="text" ng-model="foo" />')($rootScope);
-      inputElm.setAttribute("value", "a");
-      inputElm.dispatchEvent(new Event("change"));
-      inputElm.setAttribute("value", "");
-      inputElm.dispatchEvent(new Event("change"));
-      expect($rootScope.foo).toBe("");
-    });
-
-    it("should set $invalid when model undefined", async () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="notDefined" required />',
-      )($rootScope);
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-    });
-
-    it("should consider bad input as an error before any other errors are considered", () => {
-      inputElm = $compile('<input type="text" ng-model="value" required />', {
-        badInput: true,
-      })($rootScope);
-      const ctrl = getController(inputElm, "ngModel");
-      ctrl.$parsers.push(() => undefined);
-
-      inputElm.setAttribute("value", "abc123");
-      inputElm.dispatchEvent(new Event("change"));
-
-      expect(ctrl.$error.parse).toBe(true);
-      expect(inputElm.classList.contains("ng-invalid-parse")).toBeTrue();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue(); // invalid because of the number validator
-    });
-
-    it('should allow `false` as a valid value when the input type is not "checkbox"', async () => {
-      inputElm = $compile(
-        '<input type="radio" ng-value="true" ng-model="answer" required />' +
-          '<input type="radio" ng-value="false" ng-model="answer" required />',
-      )($rootScope);
-
-      await wait();
-      expect(inputElm.classList.contains("ng-invalid")).toBeTrue();
-
-      $rootScope.$apply("answer = true");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-
-      $rootScope.$apply("answer = false");
-      await wait();
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-
-    it("should validate emptiness against the viewValue", () => {
-      inputElm = $compile(
-        '<input type="text" name="input" ng-model="value" required />',
-      )($rootScope);
-
-      const ctrl = getController(inputElm, "ngModel");
-      spyOn(ctrl, "$isEmpty").and.callThrough();
-
-      ctrl.$parsers.push((value) => `${value}678`);
-
-      inputElm.setAttribute("value", "12345");
-      inputElm.dispatchEvent(new Event("change"));
-      expect(ctrl.$isEmpty).toHaveBeenCalledWith("12345");
-    });
-
-    it("should validate on non-input elements", () => {
-      $rootScope.value = "12";
-      const elm = $compile('<span ng-model="value" required></span>')(
-        $rootScope,
-      );
-      const elmNg = $compile(
-        '<span ng-model="value" ng-required="true"></span>',
-      )($rootScope);
-      const ctrl = getController(elm, "ngModel");
-      const ctrlNg = getController(elmNg, "ngModel");
-
-      expect(ctrl.$error.required).not.toBe(true);
-      expect(ctrlNg.$error.required).not.toBe(true);
-
-      ctrl.$setViewValue("");
-      ctrlNg.$setViewValue("");
-
-      expect(ctrl.$error.required).toBe(true);
-      expect(ctrlNg.$error.required).toBe(true);
-    });
-
-    it('should override "required" when ng-required="false" is set', () => {
-      inputElm = $compile(
-        '<input type="text" ng-model="notDefined" required ng-required="false" />',
-      )($rootScope);
-
-      expect(inputElm.classList.contains("ng-valid")).toBeTrue();
-    });
-  });
-});