@angular-wave/angular.ts 0.4.4 → 0.4.5

package/src/directive/input/input.spec.js

@@ -67,6 +67,7 @@ describe("input", () => {
       },
     });
     $compile(input)(scope);
+    scope.$digest();
     expect(setterCalls).toBe(0);
   });
 
@@ -110,6 +111,7 @@ describe("input", () => {
       expect(scope.form.nameA.$name).toBe("nameA");
       const oldModel = scope.form.nameA;
       scope.nameID = "B";
+      scope.$digest();
       expect(scope.form.nameA).toBeUndefined();
       expect(scope.form.nameB).toBe(oldModel);
       expect(scope.form.nameB.$name).toBe("nameB");
@@ -124,6 +126,7 @@ describe("input", () => {
       expect(model.$name).toBe("nameA");
 
       scope.nameID = "B";
+      scope.$digest();
       expect(model.$name).toBe("nameB");
     });
   });
@@ -428,6 +431,8 @@ describe("input", () => {
         it("should validate if min is empty", () => {
           scope.minVal = undefined;
           scope.value = "2014-01";
+          scope.$digest();
+
           expect(scope.form.alias.$error.min).toBeFalsy();
         });
       });
@@ -470,6 +475,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.max).toBeFalsy();
 
           scope.maxVal = "2012-01";
+          scope.$digest();
+
           expect(
             inputElm.find("input")[0].classList.contains("ng-invalid"),
           ).toBeTrue();
@@ -479,6 +486,8 @@ describe("input", () => {
         it("should validate if max is empty", () => {
           scope.maxVal = undefined;
           scope.value = "2012-03";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
         });
       });
@@ -611,6 +620,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.min).toBeFalsy();
 
           scope.minVal = "2014-W01";
+          scope.$digest();
+
           expect(
             inputElm.find("input")[0].classList.contains("ng-invalid"),
           ).toBeTrue();
@@ -620,6 +631,8 @@ describe("input", () => {
         it("should validate if min is empty", () => {
           scope.minVal = undefined;
           scope.value = "2013-W03";
+          scope.$digest();
+
           expect(scope.form.alias.$error.min).toBeFalsy();
         });
       });
@@ -663,6 +676,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.max).toBeFalsy();
 
           scope.maxVal = "2012-W01";
+          scope.$digest();
+
           expect(
             inputElm.find("input")[0].classList.contains("ng-invalid"),
           ).toBeTrue();
@@ -672,6 +687,8 @@ describe("input", () => {
         it("should validate if max is empty", () => {
           scope.maxVal = undefined;
           scope.value = "2012-W01";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
         });
       });
@@ -806,6 +823,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.min).toBeFalsy();
 
           scope.minVal = "2010-01-01T01:02:00";
+          scope.$digest();
+
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
           expect(scope.form.alias.$error.min).toBeTruthy();
         });
@@ -813,6 +832,8 @@ describe("input", () => {
         it("should validate if min is empty", () => {
           scope.minVal = undefined;
           scope.value = "2010-01-01T01:02:00";
+          scope.$digest();
+
           expect(scope.form.alias.$error.min).toBeFalsy();
         });
       });
@@ -850,6 +871,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.max).toBeFalsy();
 
           scope.maxVal = "2000-01-01T01:02:00";
+          scope.$digest();
+
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
           expect(scope.form.alias.$error.max).toBeTruthy();
         });
@@ -857,6 +880,8 @@ describe("input", () => {
         it("should validate if max is empty", () => {
           scope.maxVal = undefined;
           scope.value = "2000-01-01T01:02:00";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
         });
 
@@ -867,6 +892,8 @@ describe("input", () => {
           )(scope);
           scope.maxVal = "2013-01-01T00:00:00";
           scope.value = "2012-01-01T00:00:00";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
           expect(scope.form.alias.$valid).toBeTruthy();
 
@@ -888,9 +915,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.max = "2001-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.max = "2024-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -904,9 +935,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.min = "2014-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.min = "2009-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -920,9 +955,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.max = "2001-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.max = "2024-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -936,9 +975,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.min = "2014-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
         scope.min = "2009-01-01T01:02:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
     });
@@ -1086,6 +1129,8 @@ describe("input", () => {
           expect(scope.form.alias.$error.min).toBeFalsy();
 
           scope.minVal = "23:55:00";
+          scope.$digest();
+
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
           expect(scope.form.alias.$error.min).toBeTruthy();
         });
@@ -1093,6 +1138,8 @@ describe("input", () => {
         it("should validate if min is empty", () => {
           scope.minVal = undefined;
           scope.value = "23:55:00";
+          scope.$digest();
+
           expect(scope.form.alias.$error.min).toBeFalsy();
         });
       });
@@ -1126,6 +1173,8 @@ describe("input", () => {
         it("should validate if max is empty", () => {
           scope.maxVal = undefined;
           scope.value = "05:30:00";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
         });
       });
@@ -1141,6 +1190,8 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "06:34:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1155,6 +1206,8 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "05:50:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1169,6 +1222,8 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "06:34:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1183,6 +1238,8 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "05:50:00";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
     });
@@ -1297,6 +1354,8 @@ describe("input", () => {
           inputElm = formElm.find("input");
 
           scope.value = "2000-01-01";
+          scope.$digest();
+
           expect(scope.form.alias.$error.min).toBeFalsy();
         });
       });
@@ -1335,6 +1394,8 @@ describe("input", () => {
 
           scope.value = "2020-01-01";
           scope.max = new Date(2014, 10, 10, 0, 0, 0).toISOString();
+          scope.$digest();
+
           expect(scope.form.myControl.$error.max).toBeTruthy();
         });
 
@@ -1344,6 +1405,8 @@ describe("input", () => {
           )(scope);
 
           scope.value = "2020-01-01";
+          scope.$digest();
+
           expect(scope.form.alias.$error.max).toBeFalsy();
         });
       });
@@ -1359,9 +1422,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "2001-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "2021-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1376,9 +1443,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "2014-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "2009-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1393,9 +1464,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "2001-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = "2021-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1410,9 +1485,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "2014-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = "2009-01-01";
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1427,9 +1506,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = new Date(2013, 1, 1, 1, 2, 0);
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.max = new Date(2014, 1, 1, 1, 2, 0);
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1444,9 +1527,13 @@ describe("input", () => {
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = new Date(2014, 1, 1, 1, 2, 0);
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
         scope.min = new Date(2009, 1, 1, 1, 2, 0);
+        scope.$digest();
+
         expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
       });
 
@@ -1657,6 +1744,7 @@ describe("input", () => {
         scope.value = "one";
         expect(() => {
           $compile('<input type="number" ng-model="value" />')(scope);
+          scope.$digest();
         }).toThrowError(/numfmt/);
       });
 
@@ -1814,18 +1902,23 @@ describe("input", () => {
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = 10;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = 20;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.min = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = "20";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.min = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
         });
       });
@@ -1886,18 +1979,23 @@ describe("input", () => {
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = 10;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = 20;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.min = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = "20";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.min = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
         });
       });
@@ -1959,18 +2057,23 @@ describe("input", () => {
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = 10;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = 0;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.max = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = "4";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.max = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
         });
       });
@@ -2032,18 +2135,23 @@ describe("input", () => {
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = 10;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = 0;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.max = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = "4";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
 
           scope.max = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
         });
       });
@@ -2546,6 +2654,7 @@ describe("input", () => {
         expect(() => {
           scope.value = "one";
           inputElm = $compile('<input type="range" ng-model="value" />')(scope);
+          scope.$digest();
         }).toThrowError(/numfmt/);
       });
 
@@ -2557,6 +2666,8 @@ describe("input", () => {
             '<form name="form"><input type="range" ng-model="value" name="alias" min="{{min}}" /></form>',
           )(scope);
           inputElm = formElm.find("input");
+          scope.$digest();
+
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(inputElm.val()).toBe("-3");
           expect(scope.value).toBe(-3);
@@ -2589,6 +2700,8 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" min="{{min}}" />',
           )(scope);
+          scope.$digest();
+
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(inputElm.val()).toBe("0");
           expect(scope.value).toBe(0);
@@ -2605,26 +2718,32 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" min="{{min}}" />',
           )(scope);
+          scope.$digest();
+
           inputElm[0].value = "15";
           inputElm[0].dispatchEvent(new Event("change"));
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.min = 20;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(20);
           expect(inputElm.val()).toBe("20");
 
           scope.min = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(20);
           expect(inputElm.val()).toBe("20");
 
           scope.min = "15";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(20);
           expect(inputElm.val()).toBe("20");
 
           scope.min = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(20);
           expect(inputElm.val()).toBe("20");
@@ -2640,6 +2759,7 @@ describe("input", () => {
             '<form name="form"><input type="range" ng-model="value" name="alias" max="{{max}}" /></form>',
           )(scope);
           inputElm = formElm.find("input");
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(inputElm.val()).toBe("130");
           expect(scope.value).toBe(130);
@@ -2671,6 +2791,7 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" max="{{max}}" />',
           )(scope);
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(inputElm.val()).toBe("100");
           expect(scope.value).toBe(100);
@@ -2687,26 +2808,31 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" max="{{max}}" />',
           )(scope);
+          scope.$digest();
           inputElm[0].value = "5";
           inputElm[0].dispatchEvent(new Event("change"));
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
 
           scope.max = 0;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(0);
           expect(inputElm.val()).toBe("0");
 
           scope.max = null;
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(0);
           expect(inputElm.val()).toBe("0");
 
           scope.max = "4";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(0);
           expect(inputElm.val()).toBe("0");
 
           scope.max = "abc";
+          scope.$digest();
           expect(inputElm[0].classList.contains("ng-valid")).toBeTrue();
           expect(scope.value).toBe(0);
           expect(inputElm.val()).toBe("0");
@@ -2720,6 +2846,8 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" max="{{max}}" min="{{min}}" />',
           )(scope);
+          scope.$digest();
+
           expect(inputElm.val()).toBe("60");
           expect(scope.value).toBe(60);
         });
@@ -2729,10 +2857,13 @@ describe("input", () => {
           inputElm = $compile(
             '<input type="range" ng-model="value" name="alias" max="{{max}}" min="{{min}}" />',
           )(scope);
+          scope.$digest();
           expect(inputElm.val()).toBe("70");
           expect(scope.value).toBe(70);
 
           scope.max = 20;
+          scope.$digest();
+
           expect(inputElm.val()).toBe("40");
           expect(scope.value).toBe(40);
         });
@@ -3381,6 +3512,8 @@ describe("input", () => {
             '<input type="checkbox" required name="cb" ng-model="value" ng-true-value="\'yes\'" />' +
             "</form>",
         )(scope);
+        scope.$digest();
+
         inputElm = formElm.find("input");
 
         expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
@@ -3505,6 +3638,7 @@ describe("input", () => {
             '<input type="radio" ng-model="selected" ng-value="\'\'">' +
             '<input type="radio" ng-model="selected" ng-value="0">',
         )(scope);
+        scope.$digest();
         expect(inputElm[0].checked).toBe(true);
         expect(inputElm[1].checked).toBe(false);
         expect(inputElm[2].checked).toBe(false);
@@ -3540,6 +3674,8 @@ describe("input", () => {
           scope.selected = 1;
         });
 
+        scope.$digest();
+
         expect(inputElm[0].children[0].checked).toBe(true);
         expect(inputElm[0].children[1].checked).toBe(false);