@angular-wave/angular.ts 0.4.4 → 0.4.5

package/src/directive/script/script.spec.js

@@ -43,6 +43,8 @@ describe("scriptDirective", () => {
       '<script type="text/javascript">some {{binding}}</script>' +
       '<script type="text/ng-template" id="/some">other {{binding}}</script>';
     $compile(doc)($rootScope);
+    $rootScope.$digest();
+
     const scripts = doc.find("script");
     expect(scripts.eq(0)[0].text).toBe("some {{binding}}");
     expect(scripts.eq(1)[0].text).toBe("other {{binding}}");

package/src/directive/select/select.js

@@ -226,7 +226,7 @@ function SelectController($element, $scope) {
   function scheduleRender() {
     if (renderScheduled) return;
     renderScheduled = true;
-    $scope.$postUpdate(() => {
+    $scope.$$postDigest(() => {
       renderScheduled = false;
       self.ngModelCtrl.$render();
     });
@@ -238,7 +238,7 @@ function SelectController($element, $scope) {
 
     updateScheduled = true;
 
-    $scope.$postUpdate(() => {
+    $scope.$$postDigest(() => {
       if ($scope.$$destroyed) return;
 
       updateScheduled = false;
@@ -349,7 +349,7 @@ function SelectController($element, $scope) {
         currentValue === removeValue
       ) {
         // When multiple (selected) options are destroyed at the same time, we don't want
-        // to run a model update for each of them. Instead, run a single update in the $postUpdate
+        // to run a model update for each of them. Instead, run a single update in the $$postDigest
         scheduleViewValueUpdate(true);
       }
     });

package/src/directive/select/select.spec.js

@@ -19,6 +19,7 @@ describe("select", () => {
     element = formElement.find("select");
     $compile(formElement)(scope);
     ngModelCtrl = element.controller("ngModel");
+    scope.$digest();
   }
 
   function setSelectValue(selectElement, optionIndex) {
@@ -349,6 +350,7 @@ describe("select", () => {
       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");
@@ -396,6 +398,7 @@ describe("select", () => {
       $compile(select)(scope);
       expect(selectCtrl.writeValue).not.toHaveBeenCalled();
 
+      scope.$digest();
       expect(selectCtrl.writeValue).toHaveBeenCalled();
       dealoc(select);
     });
@@ -409,12 +412,16 @@ describe("select", () => {
           "</select>",
       );
 
+      scope.$digest();
+
       let options = element.find("option");
       expect(options[0].selected).toBeTrue();
       expect(options[1].selected).toBeFalse();
       expect(options[2].selected).toBeFalse();
 
       scope.selected = "a";
+      scope.$digest();
+
       options = element.find("option");
       expect(options.length).toBe(3);
       expect(options[0].selected).toBeFalse();
@@ -422,6 +429,8 @@ describe("select", () => {
       expect(options[2].selected).toBeFalse();
 
       scope.selected = "b";
+      scope.$digest();
+
       options = element.find("option");
       expect(options[0].selected).toBeFalse();
       expect(options[1].selected).toBeFalse();
@@ -429,12 +438,15 @@ describe("select", () => {
 
       // This will select the empty option
       scope.selected = null;
+      scope.$digest();
+
       expect(options[0].selected).toBeTrue();
       expect(options[1].selected).toBeFalse();
       expect(options[2].selected).toBeFalse();
 
       // This will add and select the unknown option
       scope.selected = "unmatched value";
+      scope.$digest();
       options = element.find("option");
 
       expect(options[0].selected).toBeTrue();
@@ -444,6 +456,7 @@ describe("select", () => {
 
       // Back to matched value
       scope.selected = "b";
+      scope.$digest();
       options = element.find("option");
 
       expect(options[0].selected).toBeFalse();
@@ -468,15 +481,20 @@ describe("select", () => {
           { val: "x", display: "robot x" },
           { val: "y", display: "robot y" },
         ];
+        scope.$digest();
+
         expect(element[0].value).toBe("");
 
         scope.robot = "x";
+        scope.$digest();
         expect(element[0].value).toBe("x");
         scope.dynamicOptions.shift();
 
+        scope.$digest();
         expect(element[0].value).toBe("x");
 
         scope.robot = undefined;
+        scope.$digest();
         expect(element[0].value).toBe(unknownValue(undefined));
       });
 
@@ -491,9 +509,11 @@ describe("select", () => {
             '<option ng-repeat="opt in dynamicOptions" value="{{opt.val}}">{{opt.display}}</option>' +
             "</select>",
         );
+        scope.$digest();
         expect(element[0].value).toBe(unknownValue("x"));
 
         scope.robot = undefined;
+        scope.$digest();
         expect(element.find("option").eq(0)[0].selected).toBe(true);
         expect(element.find("option").eq(0).text()).toBe("--static-select--");
 
@@ -502,9 +522,11 @@ describe("select", () => {
           { val: "x", display: "robot x" },
           { val: "y", display: "robot y" },
         ];
+        scope.$digest();
         expect(element[0].value).toBe("");
 
         scope.dynamicOptions = [];
+        scope.$digest();
         expect(element[0].value).toBe("");
       });
 
@@ -561,6 +583,8 @@ describe("select", () => {
         expect(element[0].value).toBe(unknownValue("other"));
 
         scope.robot = undefined;
+        scope.$digest();
+
         expect(element[0].value).toBe("");
       });
 
@@ -647,6 +671,8 @@ describe("select", () => {
             "</select>",
         );
 
+        scope.$digest();
+
         let options = element.find("option");
         expect(options.length).toBe(3);
         expect(options[0].selected).toBeTrue();
@@ -654,6 +680,8 @@ describe("select", () => {
         expect(options[2].selected).toBeFalse();
 
         scope.selected = "a";
+        scope.$digest();
+
         options = element.find("option");
         expect(options.length).toBe(3);
         expect(options[0].selected).toBeFalse();
@@ -661,6 +689,8 @@ describe("select", () => {
         expect(options[2].selected).toBeFalse();
 
         scope.selected = "no match";
+        scope.$digest();
+
         options = element.find("option");
         expect(options[0].selected).toBeTrue();
         expect(options[1].selected).toBeFalse();
@@ -900,6 +930,7 @@ describe("select", () => {
       ];
       scope.empty = true;
 
+      scope.$digest();
       expect(element[0].value).toBe("");
       expect(selectCtrl.$hasEmptyOption()).toBe(true);
       expect(selectCtrl.$isEmptyOptionSelected()).toBe(true);
@@ -1404,12 +1435,14 @@ describe("select", () => {
           "</select>",
       );
 
+      scope.$digest();
       expect(scope.selected).toBeUndefined();
 
       setSelectValue(element, 0);
       expect(scope.selected).toBe("option1");
 
       scope.selected = "option2";
+      scope.$digest();
       expect(element.find("option").eq(1)[0].selected).toBe(true);
       expect(element.find("option").eq(1).text()).toBe("Option 2");
     });
@@ -1428,12 +1461,15 @@ describe("select", () => {
       const selectCtrl = element.controller("select");
       spyOn(selectCtrl, "removeOption").and.callThrough();
 
+      scope.$digest();
       expect(scope.selected).toBeUndefined();
       expect(selectCtrl.removeOption).not.toHaveBeenCalled();
 
       // Change value of option2
       scope.option2 = "option2Changed";
       scope.selected = "option2Changed";
+      scope.$digest();
+
       expect(selectCtrl.removeOption).toHaveBeenCalledWith("");
       expect(element.find("option").eq(1)[0].selected).toBe(true);
       expect(element.find("option").eq(1).text()).toBe("Option 2");
@@ -1450,12 +1486,14 @@ describe("select", () => {
           "</select>",
       );
 
+      scope.$digest();
       expect(scope.selected).toBeUndefined();
 
       setSelectValue(element, 0);
       expect(scope.selected).toBe("Option 1");
 
       scope.selected = "Option 2";
+      scope.$digest();
       expect(element.find("option").eq(1)[0].selected).toBe(true);
       expect(element.find("option").eq(1).text()).toBe("Option 2");
     });
@@ -1474,12 +1512,15 @@ describe("select", () => {
       const selectCtrl = element.controller("select");
       spyOn(selectCtrl, "removeOption").and.callThrough();
 
+      scope.$digest();
       expect(scope.selected).toBeUndefined();
       expect(selectCtrl.removeOption).not.toHaveBeenCalled();
 
       // Change value of option2
       scope.option2 = "Option 2 Changed";
       scope.selected = "Option 2 Changed";
+      scope.$digest();
+
       expect(selectCtrl.removeOption).toHaveBeenCalledWith("");
       expect(element.find("option").eq(1)[0].selected).toBe(true);
       expect(element.find("option").eq(1).text()).toBe("Option 2 Changed");
@@ -1494,6 +1535,7 @@ describe("select", () => {
       )($rootScope);
 
       $rootScope.foo = "success";
+      $rootScope.$digest();
       expect(element.find("span").text()).toBe("success");
       dealoc(element);
     });
@@ -1532,13 +1574,18 @@ describe("select", () => {
               "</select>",
           );
 
+          scope.$digest();
           expect(element.find("option").eq(0).val()).toBe("? string:NOMATCH ?");
 
           scope.selected = prop;
+          scope.$digest();
+
           expect(element.find("option").eq(0).val()).toBe(hashKey(prop));
 
           // Reset
           scope.selected = false;
+          scope.$digest();
+
           expect(element.find("option").eq(0).val()).toBe("? boolean:false ?");
 
           setSelectValue(element, 0);
@@ -1575,14 +1622,19 @@ describe("select", () => {
           const selectController = element.controller("select");
           spyOn(selectController, "removeOption").and.callThrough();
 
+          scope.$digest();
           expect(selectController.removeOption).not.toHaveBeenCalled();
           expect(element.find("option").eq(0).val()).toBe("? string:NOMATCH ?");
 
           scope.selected = prop;
+          scope.$digest();
+
           expect(element.find("option").eq(0).val()).toBe(hashKey(prop));
           expect(element[0].selectedIndex).toBe(0);
 
           scope.option = "UPDATEDVALUE";
+          scope.$digest();
+
           expect(selectController.removeOption.calls.count()).toBe(1);
 
           // Updating the option value currently does not update the select model
@@ -1605,6 +1657,8 @@ describe("select", () => {
           );
 
           scope.selected = "UPDATEDVALUE";
+          scope.$digest();
+
           expect(element[0].selectedIndex).toBe(0);
           expect(element.find("option").eq(0).val()).toBe(
             "string:UPDATEDVALUE",
@@ -1627,6 +1681,8 @@ describe("select", () => {
         });
 
         scope.option = "init";
+        scope.$digest();
+
         expect(log[0]).toBe("init");
         expect(element.find("option").eq(1).val()).toBe("string:init");
 
@@ -1696,6 +1752,8 @@ describe("select", () => {
               "</select>",
           );
 
+          scope.$digest();
+
           expect(
             Object.values(element[0].childNodes)
               .map((x) => x.value)
@@ -1712,6 +1770,8 @@ describe("select", () => {
           );
 
           scope.selected = ["string", 1];
+          scope.$digest();
+
           expect(element.find("option").eq(0)[0].selected).toBe(true);
           expect(element.find("option").eq(2)[0].selected).toBe(true);
 
@@ -1781,6 +1841,8 @@ describe("select", () => {
           expect(scope.obj.value).toBe(prop === "ngValue" ? A : "A");
 
           scope.options.shift();
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(3);
           expect(scope.obj.value).toBe(null);
@@ -1823,6 +1885,8 @@ describe("select", () => {
           expect(scope.obj.value).toBe("A");
 
           A.name = "X";
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(4);
           expect(scope.obj.value).toBe(null);
@@ -1865,6 +1929,8 @@ describe("select", () => {
           expect(scope.obj.value).toBe("A");
 
           A.disabled = true;
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(4);
           expect(scope.obj.value).toBe(null);
@@ -1903,11 +1969,15 @@ describe("select", () => {
           expect(optionElements[0].value).toEqual(unknownValue(undefined));
 
           B.disabled = true;
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(4);
           expect(optionElements[0].value).toEqual(unknownValue(undefined));
 
           scope.obj.value = "B";
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(3);
           expect(scope.obj.value).toBe("B");
@@ -1953,12 +2023,16 @@ describe("select", () => {
           expect(scope.obj.value).toBe("A");
 
           A.disabled = true;
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(4);
           expect(scope.obj.value).toBe(null);
           expect(element.val()).toBe("? object:null ?");
 
           A.disabled = false;
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(4);
           expect(scope.obj.value).toBe(null);
@@ -1998,6 +2072,8 @@ describe("select", () => {
           expect(optionElements.length).toEqual(3);
 
           scope.options.push(C);
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(optionElements.length).toEqual(3);
           expect(optionElements[2].selected).toBe(true);
@@ -2036,6 +2112,8 @@ describe("select", () => {
           expect(optionElements.length).toEqual(3);
 
           scope.obj.value = "C";
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(element.val()).toBe(prop === "ngValue" ? "string:C" : "C");
           expect(optionElements.length).toEqual(3);
@@ -2043,6 +2121,8 @@ describe("select", () => {
           expect(scope.obj.value).toBe("C");
 
           scope.options = [{ name: "A" }, { name: "B" }, { name: "C" }];
+          scope.$digest();
+
           optionElements = element.find("option");
           expect(element.val()).toBe(prop === "ngValue" ? "string:C" : "C");
           expect(optionElements.length).toEqual(3);
@@ -2101,6 +2181,8 @@ describe("select", () => {
             ngModelCtrlSpy.calls.reset();
             scope.options.shift();
             scope.options.pop();
+            scope.$digest();
+
             optionElements = element.find("option");
             expect(optionElements.length).toEqual(1);
             expect(scope.obj.value).toEqual([]);
@@ -2164,6 +2246,8 @@ describe("select", () => {
             ngModelCtrlSpy.calls.reset();
             A.name = "X";
             C.name = "Z";
+            scope.$digest();
+
             optionElements = element.find("option");
             expect(optionElements.length).toEqual(3);
             expect(scope.obj.value).toEqual([]);
@@ -2229,6 +2313,8 @@ describe("select", () => {
             ngModelCtrlSpy.calls.reset();
             A.disabled = true;
             C.disabled = true;
+            scope.$digest();
+
             optionElements = element.find("option");
             expect(optionElements.length).toEqual(4);
             expect(scope.obj.value).toEqual(["D"]);
@@ -2274,11 +2360,15 @@ describe("select", () => {
 
             A.disabled = true;
             D.disabled = true;
+            scope.$digest();
+
             optionElements = element.find("option");
             expect(optionElements.length).toEqual(4);
             expect(element[0].value).toBe("");
 
             scope.obj.value = prop === "ngValue" ? [A, C, D] : ["A", "C", "D"];
+            scope.$digest();
+
             optionElements = element.find("option");
             expect(optionElements.length).toEqual(4);
             expect(optionElements.eq(0)[0].selected).toBe(true);
@@ -2322,6 +2412,8 @@ describe("select", () => {
             expect(optionElements.eq(1)[0].selected).toBe(true);
 
             scope.options.push(C);
+            scope.$digest();
+
             optionElements = element.find("option");
 
             expect(optionElements.length).toEqual(3);
@@ -2364,6 +2456,8 @@ describe("select", () => {
             expect(optionElements.length).toEqual(3);
 
             scope.obj.value = ["B", "C"];
+            scope.$digest();
+
             optionElements = element.find("option");
 
             expect(optionElements.length).toEqual(3);
@@ -2372,6 +2466,8 @@ describe("select", () => {
             expect(scope.obj.value).toEqual(["B", "C"]);
 
             scope.options = [{ name: "A" }, { name: "B" }, { name: "C" }];
+            scope.$digest();
+
             optionElements = element.find("option");
 
             expect(optionElements.length).toEqual(3);

package/src/directive/show-hide/show-hide.js

@@ -22,7 +22,7 @@ export function ngShowDirective($animate) {
             tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
           });
         } else {
-          scope.$postUpdate(() => {
+          scope.$$postDigest(() => {
             if (value) {
               element
                 .elements()
@@ -56,7 +56,7 @@ export function ngHideDirective($animate) {
             tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
           });
         } else {
-          scope.$postUpdate(() => {
+          scope.$$postDigest(() => {
             if (value) {
               element
                 .elements()

package/src/directive/show-hide/show-hide.spec.js

@@ -24,8 +24,10 @@ describe("ngShow / ngHide", () => {
     it("should show and hide an element", () => {
       element = JQLite('<div ng-show="exp"></div>');
       element = $compile(element)($scope);
+      $scope.$digest();
       expect(element[0].classList.contains("ng-hide")).toBeTrue();
       $scope.exp = true;
+      $scope.$digest();
       expect(element[0].classList.contains("ng-hide")).toBeFalse();
     });
 
@@ -34,6 +36,7 @@ describe("ngShow / ngHide", () => {
       element = JQLite('<div ng-show="exp"></div>');
       element = $compile(element)($scope);
       $scope.exp = function () {};
+      $scope.$digest();
       expect(element[0].classList.contains("ng-hide")).toBeFalse();
     });
 
@@ -42,6 +45,7 @@ describe("ngShow / ngHide", () => {
       element = $compile(element)($scope);
       expect(element[0].classList.contains("ng-hide")).toBeTrue();
       $scope.exp = true;
+      $scope.$digest();
       expect(element[0].classList.contains("ng-hide")).toBeFalse();
     });
 
@@ -49,6 +53,7 @@ describe("ngShow / ngHide", () => {
       ["false", "undefined", "null", "NaN", "''", "0"].forEach((x) => {
         element = JQLite(`<div ng-show="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeTrue();
       });
     });
@@ -57,6 +62,7 @@ describe("ngShow / ngHide", () => {
       ["'f'", "'0'", "'false'", "'no'", "'n'", "'[]'"].forEach((x) => {
         element = JQLite(`<div ng-show="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeFalse();
       });
     });
@@ -65,6 +71,7 @@ describe("ngShow / ngHide", () => {
       ["[]", "{}"].forEach((x) => {
         element = JQLite(`<div ng-show="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeFalse();
       });
     });
@@ -76,6 +83,7 @@ describe("ngShow / ngHide", () => {
       element = $compile(element)($scope);
       expect(element[0].classList.contains("ng-hide")).toBeFalse();
       $scope.exp = true;
+      $scope.$digest();
       expect(element[0].classList.contains("ng-hide")).toBeTrue();
     });
 
@@ -83,6 +91,7 @@ describe("ngShow / ngHide", () => {
       ["false", "undefined", "null", "NaN", "''", "0"].forEach((x) => {
         element = JQLite(`<div ng-hide="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeFalse();
       });
     });
@@ -91,6 +100,7 @@ describe("ngShow / ngHide", () => {
       ["'f'", "'0'", "'false'", "'no'", "'n'", "'[]'"].forEach((x) => {
         element = JQLite(`<div ng-hide="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeTrue();
       });
     });
@@ -99,6 +109,7 @@ describe("ngShow / ngHide", () => {
       ["[]", "{}"].forEach((x) => {
         element = JQLite(`<div ng-hide="${x}"></div>`);
         element = $compile(element)($scope);
+        $scope.$digest();
         expect(element[0].classList.contains("ng-hide")).toBeTrue();
       });
     });
@@ -149,7 +160,7 @@ describe("ngShow / ngHide", () => {
 //       const $scope = $rootScope.$new();
 //       $scope.on = true;
 //       element = $compile(html('<div ng-show="on">data</div>'))($scope);
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("removeClass");
@@ -157,7 +168,7 @@ describe("ngShow / ngHide", () => {
 //       expect(item.element).toBeShown();
 
 //       $scope.on = false;
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("addClass");
@@ -176,14 +187,14 @@ describe("ngShow / ngHide", () => {
 //       element = $compile(
 //         html('<div class="show-hide" ng-show="on">data</div>'),
 //       )($scope);
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toEqual("addClass");
 //       expect(item.options.tempClasses).toEqual("ng-hide-animate");
 
 //       $scope.on = true;
-//       ;
+//       $scope.$digest();
 //       item = $animate.queue.shift();
 //       expect(item.event).toEqual("removeClass");
 //       expect(item.options.tempClasses).toEqual("ng-hide-animate");
@@ -200,7 +211,7 @@ describe("ngShow / ngHide", () => {
 //       const $scope = $rootScope.$new();
 //       $scope.off = true;
 //       element = $compile(html('<div ng-hide="off">datum</div>'))($scope);
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("addClass");
@@ -208,7 +219,7 @@ describe("ngShow / ngHide", () => {
 //       expect(item.element).toBeHidden();
 
 //       $scope.off = false;
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("removeClass");
@@ -227,14 +238,14 @@ describe("ngShow / ngHide", () => {
 //       element = $compile(
 //         html('<div class="show-hide" ng-hide="on">data</div>'),
 //       )($scope);
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toEqual("removeClass");
 //       expect(item.options.tempClasses).toEqual("ng-hide-animate");
 
 //       $scope.on = true;
-//       ;
+//       $scope.$digest();
 //       item = $animate.queue.shift();
 //       expect(item.event).toEqual("addClass");
 //       expect(item.options.tempClasses).toEqual("ng-hide-animate");