@angular-wave/angular.ts 0.4.3 → 0.4.4

package/src/directive/aria/aria.js

@@ -348,12 +348,9 @@ export function ngModelAriaDirective($aria) {
           }
 
           if (shouldAttachAttr("aria-invalid", "ariaInvalid", elem, true)) {
-            scope.$watch(
-              () => ngModel.$invalid,
-              (newVal) => {
-                elem.attr("aria-invalid", (!!newVal).toString());
-              },
-            );
+            scope.$watch("ngModel.$invalid", (newVal) => {
+              elem.attr("aria-invalid", (!!newVal).toString());
+            });
           }
         },
       };

package/src/directive/aria/aria.spec.js

@@ -38,8 +38,6 @@ describe("$aria", () => {
         '<div role="radio" ng-model="val" value="one" ng-aria-disable></div>' +
           '<div role="radio" ng-model="val" value="two" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       const radio1 = element.eq(0);
       const radio2 = element.eq(1);
 
@@ -57,8 +55,6 @@ describe("$aria", () => {
       element = $compile('<div ng-disabled="val" ng-aria-disable></div>')(
         scope,
       );
-      scope.$digest();
-
       scope.$apply("val = false");
       expect(element[0].hasAttribute("aria-disabled")).toBeFalse();
 
@@ -69,8 +65,6 @@ describe("$aria", () => {
     // ariaHidden
     it("should not attach aria-hidden to `ngShow`", () => {
       element = $compile('<div ng-show="val" ng-aria-disable></div>')(scope);
-      scope.$digest();
-
       scope.$apply("val = false");
       expect(element[0].hasAttribute("aria-hidden")).toBeFalse();
 
@@ -80,8 +74,6 @@ describe("$aria", () => {
 
     it("should not attach aria-hidden to `ngHide`", () => {
       element = $compile('<div ng-hide="val" ng-aria-disable></div>')(scope);
-      scope.$digest();
-
       scope.$apply("val = false");
       expect(element[0].hasAttribute("aria-hidden")).toBeFalse();
 
@@ -94,8 +86,6 @@ describe("$aria", () => {
       element = $compile(
         '<input ng-model="val" ng-minlength="10" ng-aria-disable />',
       )(scope);
-      scope.$digest();
-
       scope.$apply('val = "lt 10"');
       expect(element[0].hasAttribute("aria-invalid")).toBeFalse();
 
@@ -107,8 +97,6 @@ describe("$aria", () => {
       element = $compile(
         '<div role="textbox" ng-model="val" ng-minlength="10" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       scope.$apply('val = "lt 10"');
       expect(element[0].hasAttribute("aria-invalid")).toBeFalse();
 
@@ -119,7 +107,6 @@ describe("$aria", () => {
     // ariaLive
     it("should not attach aria-live to `ngMessages`", () => {
       element = $compile('<div ng-messages="val" ng-aria-disable>')(scope);
-      scope.$digest();
       expect(element[0].hasAttribute("aria-live")).toBeFalse();
     });
 
@@ -128,8 +115,6 @@ describe("$aria", () => {
       element = $compile('<div ng-readonly="val" ng-aria-disable></div>')(
         scope,
       );
-      scope.$digest();
-
       scope.$apply("val = false");
       expect(element[0].hasAttribute("aria-readonly")).toBeFalse();
 
@@ -142,7 +127,6 @@ describe("$aria", () => {
       element = $compile('<div ng-model="val" required ng-aria-disable></div>')(
         scope,
       );
-      scope.$digest();
       expect(element[0].hasAttribute("aria-required")).toBeFalse();
     });
 
@@ -150,8 +134,6 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-model="val" ng-required="val" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       scope.$apply("val = false");
       expect(element[0].hasAttribute("aria-required")).toBeFalse();
 
@@ -164,8 +146,6 @@ describe("$aria", () => {
       element = $compile(
         '<input type="range" ng-model="val" min="0" max="100" ng-aria-disable />',
       )(scope);
-      scope.$digest();
-
       expect(element[0].hasAttribute("aria-valuemax")).toBeFalse();
       expect(element[0].hasAttribute("aria-valuemin")).toBeFalse();
       expect(element[0].hasAttribute("aria-valuenow")).toBeFalse();
@@ -186,8 +166,6 @@ describe("$aria", () => {
         '<div role="progressbar" ng-model="val" min="0" max="100" ng-aria-disable></div>' +
           '<div role="slider" ng-model="val" min="0" max="100" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       const progressbar = element.eq(0);
       const slider = element.eq(1);
 
@@ -216,8 +194,6 @@ describe("$aria", () => {
         '<div ng-click="onClick()" tabindex="0" ng-aria-disable></div>' +
           '<ul><li ng-click="onClick()" tabindex="0" ng-aria-disable></li></ul>',
       )(scope);
-      scope.$digest();
-
       const div = element.find("div");
       const li = element.find("li");
 
@@ -235,8 +211,6 @@ describe("$aria", () => {
           '<div type="radio" ng-model="val" ng-aria-disable></div>' +
           '<div type="range" ng-model="val" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       expect(element.eq(0)[0].hasAttribute("role")).toBeFalse();
       expect(element.eq(1)[0].hasAttribute("role")).toBeFalse();
       expect(element.eq(2)[0].hasAttribute("role")).toBeFalse();
@@ -249,8 +223,6 @@ describe("$aria", () => {
         '<div role="checkbox" ng-model="val" ng-aria-disable></div>' +
           '<div role="slider" ng-model="val" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       expect(element.eq(0)[0].hasAttribute("tabindex")).toBeFalse();
       expect(element.eq(1)[0].hasAttribute("tabindex")).toBeFalse();
     });
@@ -260,8 +232,6 @@ describe("$aria", () => {
         '<div ng-click="onClick()" ng-aria-disable></div>' +
           '<div ng-dblclick="onDblclick()" ng-aria-disable></div>',
       )(scope);
-      scope.$digest();
-
       expect(element.eq(0)[0].hasAttribute("tabindex")).toBeFalse();
       expect(element.eq(1)[0].hasAttribute("tabindex")).toBeFalse();
     });
@@ -270,7 +240,6 @@ describe("$aria", () => {
   describe("aria-hidden", () => {
     it("should attach aria-hidden to ng-show", () => {
       element = $compile('<div ng-show="val"></div>')(scope);
-      scope.$digest();
       scope.$apply("val = false");
       expect(element.attr("aria-hidden")).toBe("true");
 
@@ -280,7 +249,6 @@ describe("$aria", () => {
 
     it("should attach aria-hidden to ng-hide", () => {
       element = $compile('<div ng-hide="val"></div>')(scope);
-      scope.$digest();
       scope.$apply("val = false");
       expect(element.attr("aria-hidden")).toBe("false");
 
@@ -292,7 +260,6 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-show="val" aria-hidden="userSetValue"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-hidden")).toBe("userSetValue");
 
       scope.$apply("val = true");
@@ -303,7 +270,6 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-hide="val" aria-hidden="userSetValue"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-hidden")).toBe("userSetValue");
 
       scope.$apply("val = true");
@@ -312,8 +278,6 @@ describe("$aria", () => {
 
     it("should always set aria-hidden to a boolean value", () => {
       element = $compile('<div ng-hide="val"></div>')(scope);
-      scope.$digest();
-
       scope.$apply('val = "test angular"');
       expect(element.attr("aria-hidden")).toBe("true");
 
@@ -324,8 +288,6 @@ describe("$aria", () => {
       expect(element.attr("aria-hidden")).toBe("true");
 
       element = $compile('<div ng-show="val"></div>')(scope);
-      scope.$digest();
-
       scope.$apply('val = "test angular"');
       expect(element.attr("aria-hidden")).toBe("false");
 
@@ -355,11 +317,9 @@ describe("$aria", () => {
     it("should not attach aria-hidden", () => {
       scope.$apply("val = false");
       element = $compile('<div ng-show="val"></div>')(scope);
-      scope.$digest();
       expect(element[0].hasAttribute("aria-hidden")).toBeFalse();
 
       element = $compile('<div ng-hide="val"></div>')(scope);
-      scope.$digest();
       expect(element[0].hasAttribute("aria-hidden")).toBeFalse();
     });
   });
@@ -367,8 +327,6 @@ describe("$aria", () => {
   describe("aria-checked", () => {
     it('should not attach itself to native input type="checkbox"', () => {
       element = $compile('<input type="checkbox" ng-model="val">')(scope);
-      scope.$digest();
-
       scope.$apply("val = true");
       expect(element.attr("aria-checked")).toBeUndefined();
 
@@ -378,8 +336,6 @@ describe("$aria", () => {
 
     it("should attach itself to custom checkbox", () => {
       element = $compile('<div role="checkbox" ng-model="val"></div>')(scope);
-      scope.$digest();
-
       scope.$apply('val = "checked"');
       expect(element.attr("aria-checked")).toBe("true");
 
@@ -389,7 +345,6 @@ describe("$aria", () => {
 
     it("should use `$isEmpty()` to determine if the checkbox is checked", () => {
       element = $compile('<div role="checkbox" ng-model="val"></div>')(scope);
-      scope.$digest();
       const ctrl = element.controller("ngModel");
       ctrl.$isEmpty = function (value) {
         return value === "not-checked";
@@ -416,8 +371,6 @@ describe("$aria", () => {
       const element = $compile('<input type="checkbox" ng-checked="val">')(
         scope,
       );
-      scope.$digest();
-
       scope.$apply("val = true");
       expect(element.attr("aria-checked")).toBeUndefined();
 
@@ -504,7 +457,6 @@ describe("$aria", () => {
       element = $compile(
         '<div role="menuitemradio" ng-model="val" value="one"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-checked")).toBe("true");
 
       scope.$apply("val = 'two'");
@@ -515,8 +467,6 @@ describe("$aria", () => {
       element = $compile('<div role="menuitemcheckbox" ng-model="val"></div>')(
         scope,
       );
-      scope.$digest();
-
       scope.$apply('val = "checked"');
       expect(element.attr("aria-checked")).toBe("true");
 
@@ -547,7 +497,6 @@ describe("$aria", () => {
   describe("roles for custom inputs", () => {
     it('should add missing role="button" to custom input', () => {
       element = $compile('<div ng-click="someFunction()"></div>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBe("button");
     });
 
@@ -558,37 +507,31 @@ describe("$aria", () => {
 
     it('should add missing role="checkbox" to custom input', () => {
       element = $compile('<div type="checkbox" ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBe("checkbox");
     });
 
     it("should not add a role to a native checkbox", () => {
       element = $compile('<input type="checkbox" ng-model="val"/>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBeUndefined();
     });
 
     it('should add missing role="radio" to custom input', () => {
       element = $compile('<div type="radio" ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBe("radio");
     });
 
     it("should not add a role to a native radio button", () => {
       element = $compile('<input type="radio" ng-model="val"/>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBeUndefined();
     });
 
     it('should add missing role="slider" to custom input', () => {
       element = $compile('<div type="range" ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBe("slider");
     });
 
     it("should not add a role to a native range input", () => {
       element = $compile('<input type="range" ng-model="val"/>')(scope);
-      scope.$digest();
       expect(element.attr("role")).toBeUndefined();
     });
 
@@ -627,25 +570,21 @@ describe("$aria", () => {
       element = $compile(
         "<div role='radio' ng-model='val' value='{{val}}'></div>",
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-checked")).toBeUndefined();
 
       element = $compile(
         "<div role='menuitemradio' ng-model='val' value='{{val}}'></div>",
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-checked")).toBeUndefined();
 
       element = $compile("<div role='checkbox' checked='checked'></div>")(
         scope,
       );
-      scope.$digest();
       expect(element.attr("aria-checked")).toBeUndefined();
 
       element = $compile(
         "<div role='menuitemcheckbox' checked='checked'></div>",
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-checked")).toBeUndefined();
     });
   });
@@ -668,7 +607,6 @@ describe("$aria", () => {
 
     it("should attach itself to custom controls", () => {
       element = $compile('<div ng-disabled="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("aria-disabled")).toBe("false");
 
       scope.$apply("val = true");
@@ -679,8 +617,6 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-disabled="val" aria-disabled="userSetValue"></div>',
       )(scope);
-      scope.$digest();
-
       expect(element.attr("aria-disabled")).toBe("userSetValue");
     });
 
@@ -811,7 +747,6 @@ describe("$aria", () => {
 
     it("should attach itself to custom controls", () => {
       element = $compile('<div ng-readonly="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("aria-readonly")).toBe("false");
 
       scope.$apply("val = true");
@@ -822,7 +757,6 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-readonly="val" aria-readonly="userSetValue"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-readonly")).toBe("userSetValue");
     });
 
@@ -869,7 +803,6 @@ describe("$aria", () => {
   describe("aria-required", () => {
     it("should not attach to input", () => {
       element = $compile('<input ng-model="val" required>')(scope);
-      scope.$digest();
       expect(element.attr("aria-required")).toBeUndefined();
     });
 
@@ -877,7 +810,6 @@ describe("$aria", () => {
       element = $compile('<div ng-model="val" role="checkbox" required></div>')(
         scope,
       );
-      scope.$digest();
       expect(element.attr("aria-required")).toBe("true");
     });
 
@@ -885,7 +817,6 @@ describe("$aria", () => {
       element = $compile(
         "<div role='checkbox' ng-required='false' ng-model='val'></div>",
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-required")).toBe("false");
     });
 
@@ -893,7 +824,6 @@ describe("$aria", () => {
       element = $compile(
         '<div role="checkbox" ng-model="val" ng-required="true"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-required")).toBe("true");
     });
 
@@ -922,13 +852,11 @@ describe("$aria", () => {
 
     it("should not add the aria-required attribute", () => {
       element = $compile("<input ng-model='val' required>")(scope);
-      scope.$digest();
       expect(element.attr("aria-required")).toBeUndefined();
 
       element = $compile("<div ng-model='val' ng-required='true'></div>")(
         scope,
       );
-      scope.$digest();
       expect(element.attr("aria-required")).toBeUndefined();
     });
   });
@@ -978,7 +906,6 @@ describe("$aria", () => {
       element = $compile(
         '<input type="range" ng-model="val" min="{{min}}" max="{{max}}" />',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-valuemin")).toBe("25");
       expect(element.attr("aria-valuemax")).toBe("75");
 
@@ -994,7 +921,6 @@ describe("$aria", () => {
       element = $compile(
         '<input type="range" ng-model="val" ng-min="min" ng-max="max" />',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-valuemin")).toBe("25");
       expect(element.attr("aria-valuemax")).toBe("75");
 
@@ -1011,7 +937,6 @@ describe("$aria", () => {
       const element = [
         $compile('<div ng-messages="myForm.myName.$error">')(scope),
       ];
-      scope.$digest();
       expectAriaAttrOnEachElement(element, "aria-live", "assertive");
     });
   });
@@ -1037,7 +962,6 @@ describe("$aria", () => {
       element = $compile(
         '<input type="range" ng-model="val" min="0" max="100">',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-valuenow")).toBeUndefined();
       expect(element.attr("aria-valuemin")).toBeUndefined();
       expect(element.attr("aria-valuemax")).toBeUndefined();
@@ -1045,7 +969,6 @@ describe("$aria", () => {
       element = $compile(
         '<div role="progressbar" min="0" max="100" ng-model="val">',
       )(scope);
-      scope.$digest();
       expect(element.attr("aria-valuenow")).toBeUndefined();
       expect(element.attr("aria-valuemin")).toBeUndefined();
       expect(element.attr("aria-valuemax")).toBeUndefined();
@@ -1065,34 +988,28 @@ describe("$aria", () => {
         "<details ng-model='val'></details>",
       ].forEach((html) => {
         element = $compile(html)(scope);
-        scope.$digest();
         expect(element.attr("tabindex")).toBeUndefined();
       });
     });
 
     it("should not attach to random ng-model elements", () => {
       element = $compile('<div ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBeUndefined();
     });
 
     it("should attach tabindex to custom inputs", () => {
       element = $compile('<div role="checkbox" ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("0");
 
       element = $compile('<div role="slider" ng-model="val"></div>')(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("0");
     });
 
     it("should attach to ng-click and ng-dblclick", () => {
       element = $compile('<div ng-click="someAction()"></div>')(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("0");
 
       element = $compile('<div ng-dblclick="someAction()"></div>')(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("0");
     });
 
@@ -1100,25 +1017,21 @@ describe("$aria", () => {
       element = $compile('<div role="button" tabindex="userSetValue"></div>')(
         scope,
       );
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("userSetValue");
 
       element = $compile('<div role="checkbox" tabindex="userSetValue"></div>')(
         scope,
       );
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("userSetValue");
 
       element = $compile(
         '<div ng-click="someAction()" tabindex="userSetValue"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("userSetValue");
 
       element = $compile(
         '<div ng-dblclick="someAction()" tabindex="userSetValue"></div>',
       )(scope);
-      scope.$digest();
       expect(element.attr("tabindex")).toBe("userSetValue");
     });
   });

package/src/directive/attrs/attrs.spec.js

@@ -23,7 +23,6 @@ describe("ngSrcset", () => {
   it("should not result empty string in img srcset", () => {
     $scope.image = {};
     element = $compile('<img ng-srcset="{{image.url}} 2x">')($scope);
-    $scope.$digest();
     expect(element.attr("srcset")).toBeUndefined();
   });
 
@@ -31,7 +30,6 @@ describe("ngSrcset", () => {
     $scope.imageUrl =
       "http://example.com/image1.png 1x, http://example.com/image2.png 2x";
     element = $compile('<img ng-srcset="{{imageUrl}}">')($scope);
-    $scope.$digest();
     expect(element.attr("srcset")).toBe(
       "http://example.com/image1.png 1x,http://example.com/image2.png 2x",
     );
@@ -41,7 +39,6 @@ describe("ngSrcset", () => {
     $scope.imageUrl =
       "http://example.com/image1.png 1x, javascript:doEvilStuff() 2x";
     element = $compile('<img ng-srcset="{{imageUrl}}">')($scope);
-    $scope.$digest();
     expect(element.attr("srcset")).toBe(
       "http://example.com/image1.png 1x,unsafe:javascript:doEvilStuff() 2x",
     );
@@ -49,13 +46,11 @@ describe("ngSrcset", () => {
 
   it("should not throw an error if undefined", () => {
     element = $compile('<img ng-attr-srcset="{{undefined}}">')($scope);
-    $scope.$digest();
   });
 
   it("should interpolate the expression and bind to srcset", () => {
     const element = $compile('<img ng-srcset="some/{{id}} 2x"></div>')($scope);
 
-    $scope.$digest();
     expect(element.attr("srcset")).toBeUndefined();
 
     $scope.$apply(() => {

package/src/directive/attrs/boolean.spec.js

@@ -29,10 +29,8 @@ describe("boolean attr directives", () => {
       $rootScope,
     );
     $rootScope.isDisabled = 0;
-    $rootScope.$digest();
     expect(element.attr("disabled")).toBeFalsy();
     $rootScope.isDisabled = 1;
-    $rootScope.$digest();
     expect(element.attr("disabled")).toBeTruthy();
   });
 
@@ -41,10 +39,8 @@ describe("boolean attr directives", () => {
       $rootScope,
     );
     $rootScope.isDisabled = false;
-    $rootScope.$digest();
     expect(element.attr("disabled")).toBeFalsy();
     $rootScope.isDisabled = true;
-    $rootScope.$digest();
     expect(element.attr("disabled")).toBeTruthy();
   });
 
@@ -53,10 +49,8 @@ describe("boolean attr directives", () => {
       $rootScope,
     );
     $rootScope.isChecked = false;
-    $rootScope.$digest();
     expect(element.attr("checked")).toBeFalsy();
     $rootScope.isChecked = true;
-    $rootScope.$digest();
     expect(element.attr("checked")).toBeTruthy();
   });
 
@@ -68,7 +62,6 @@ describe("boolean attr directives", () => {
     )($rootScope);
 
     $rootScope.value = "true";
-    $rootScope.$digest();
     expect(element[0].checked).toBe(true);
 
     element[0].checked = !element[0].checked;
@@ -86,10 +79,8 @@ describe("boolean attr directives", () => {
       '<select><option value=""></option><option ng-selected="isSelected">Greetings!</option></select>',
     )($rootScope);
     $rootScope.isSelected = false;
-    $rootScope.$digest();
     expect(element.children()[1].selected).toBeFalsy();
     $rootScope.isSelected = true;
-    $rootScope.$digest();
     expect(element.children()[1].selected).toBeTruthy();
   });
 
@@ -98,20 +89,16 @@ describe("boolean attr directives", () => {
       $rootScope,
     );
     $rootScope.isReadonly = false;
-    $rootScope.$digest();
     expect(element.attr("readOnly")).toBeFalsy();
     $rootScope.isReadonly = true;
-    $rootScope.$digest();
     expect(element.attr("readOnly")).toBeTruthy();
   });
 
   it("should bind open", () => {
     element = $compile('<details ng-open="isOpen"></details>')($rootScope);
     $rootScope.isOpen = false;
-    $rootScope.$digest();
     expect(element.attr("open")).toBeFalsy();
     $rootScope.isOpen = true;
-    $rootScope.$digest();
     expect(element.attr("open")).toBeTruthy();
   });
 
@@ -121,10 +108,8 @@ describe("boolean attr directives", () => {
         $rootScope,
       );
       $rootScope.isMultiple = false;
-      $rootScope.$digest();
       expect(element.attr("multiple")).toBeFalsy();
       $rootScope.isMultiple = "multiple";
-      $rootScope.$digest();
       expect(element.attr("multiple")).toBeFalsy(); // ignore
     });
 

package/src/directive/attrs/element-style.spec.js

@@ -25,8 +25,6 @@ describe("style", () => {
       '<style type="text/css">.header{font-size:1.5em; h3{font-size:1.5em}}</style>',
     );
     $compile(element)($rootScope);
-    $rootScope.$digest();
-
     expect(element[0].innerHTML).toBe(
       ".header{font-size:1.5em; h3{font-size:1.5em}}",
     );
@@ -37,8 +35,6 @@ describe("style", () => {
       '<style type="text/css">.some-container{ width: {{elementWidth}}px; }</style>',
     );
     $compile(element)($rootScope);
-    $rootScope.$digest();
-
     expect(element[0].innerHTML).toBe(".some-container{ width: px; }");
 
     $rootScope.$apply(() => {
@@ -53,8 +49,6 @@ describe("style", () => {
       '<style type="text/css">.header{ h3 { font-size: {{fontSize}}em }}</style>',
     );
     $compile(element)($rootScope);
-    $rootScope.$digest();
-
     expect(element[0].innerHTML).toBe(".header{ h3 { font-size: em }}");
 
     $rootScope.$apply(() => {
@@ -69,8 +63,6 @@ describe("style", () => {
       '<style type="text/css">.header{ h3 { font-size: {{fontSize}}{{unit}} }}</style>',
     );
     $compile(element)($rootScope);
-    $rootScope.$digest();
-
     expect(element[0].innerHTML).toBe(".header{ h3 { font-size:  }}");
 
     $rootScope.$apply(() => {