@angular-wave/angular.ts 0.4.4 → 0.4.6

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

@@ -38,6 +38,8 @@ 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);
 
@@ -55,6 +57,8 @@ 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();
 
@@ -65,6 +69,8 @@ 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();
 
@@ -74,6 +80,8 @@ 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();
 
@@ -86,6 +94,8 @@ 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();
 
@@ -97,6 +107,8 @@ 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();
 
@@ -107,6 +119,7 @@ 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();
     });
 
@@ -115,6 +128,8 @@ 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();
 
@@ -127,6 +142,7 @@ describe("$aria", () => {
       element = $compile('<div ng-model="val" required ng-aria-disable></div>')(
         scope,
       );
+      scope.$digest();
       expect(element[0].hasAttribute("aria-required")).toBeFalse();
     });
 
@@ -134,6 +150,8 @@ 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();
 
@@ -146,6 +164,8 @@ 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();
@@ -166,6 +186,8 @@ 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);
 
@@ -194,6 +216,8 @@ 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");
 
@@ -211,6 +235,8 @@ 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();
@@ -223,6 +249,8 @@ 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();
     });
@@ -232,6 +260,8 @@ 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();
     });
@@ -240,6 +270,7 @@ 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");
 
@@ -249,6 +280,7 @@ 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");
 
@@ -260,6 +292,7 @@ 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");
@@ -270,6 +303,7 @@ 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");
@@ -278,6 +312,8 @@ 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");
 
@@ -288,6 +324,8 @@ 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");
 
@@ -317,9 +355,11 @@ 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();
     });
   });
@@ -327,6 +367,8 @@ 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();
 
@@ -336,6 +378,8 @@ 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");
 
@@ -345,6 +389,7 @@ 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";
@@ -371,6 +416,8 @@ describe("$aria", () => {
       const element = $compile('<input type="checkbox" ng-checked="val">')(
         scope,
       );
+      scope.$digest();
+
       scope.$apply("val = true");
       expect(element.attr("aria-checked")).toBeUndefined();
 
@@ -457,6 +504,7 @@ 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'");
@@ -467,6 +515,8 @@ 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");
 
@@ -497,6 +547,7 @@ 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");
     });
 
@@ -507,31 +558,37 @@ 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();
     });
 
@@ -570,21 +627,25 @@ 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();
     });
   });
@@ -607,6 +668,7 @@ 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");
@@ -617,6 +679,8 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-disabled="val" aria-disabled="userSetValue"></div>',
       )(scope);
+      scope.$digest();
+
       expect(element.attr("aria-disabled")).toBe("userSetValue");
     });
 
@@ -747,6 +811,7 @@ 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");
@@ -757,6 +822,7 @@ describe("$aria", () => {
       element = $compile(
         '<div ng-readonly="val" aria-readonly="userSetValue"></div>',
       )(scope);
+      scope.$digest();
       expect(element.attr("aria-readonly")).toBe("userSetValue");
     });
 
@@ -803,6 +869,7 @@ 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();
     });
 
@@ -810,6 +877,7 @@ describe("$aria", () => {
       element = $compile('<div ng-model="val" role="checkbox" required></div>')(
         scope,
       );
+      scope.$digest();
       expect(element.attr("aria-required")).toBe("true");
     });
 
@@ -817,6 +885,7 @@ describe("$aria", () => {
       element = $compile(
         "<div role='checkbox' ng-required='false' ng-model='val'></div>",
       )(scope);
+      scope.$digest();
       expect(element.attr("aria-required")).toBe("false");
     });
 
@@ -824,6 +893,7 @@ describe("$aria", () => {
       element = $compile(
         '<div role="checkbox" ng-model="val" ng-required="true"></div>',
       )(scope);
+      scope.$digest();
       expect(element.attr("aria-required")).toBe("true");
     });
 
@@ -852,11 +922,13 @@ 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();
     });
   });
@@ -906,6 +978,7 @@ 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");
 
@@ -921,6 +994,7 @@ 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");
 
@@ -937,6 +1011,7 @@ describe("$aria", () => {
       const element = [
         $compile('<div ng-messages="myForm.myName.$error">')(scope),
       ];
+      scope.$digest();
       expectAriaAttrOnEachElement(element, "aria-live", "assertive");
     });
   });
@@ -962,6 +1037,7 @@ 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();
@@ -969,6 +1045,7 @@ 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();
@@ -988,28 +1065,34 @@ 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");
     });
 
@@ -1017,21 +1100,25 @@ 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,6 +23,7 @@ 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();
   });
 
@@ -30,6 +31,7 @@ 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",
     );
@@ -39,6 +41,7 @@ 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",
     );
@@ -46,11 +49,13 @@ 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,8 +29,10 @@ 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();
   });
 
@@ -39,8 +41,10 @@ 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();
   });
 
@@ -49,8 +53,10 @@ 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();
   });
 
@@ -62,6 +68,7 @@ describe("boolean attr directives", () => {
     )($rootScope);
 
     $rootScope.value = "true";
+    $rootScope.$digest();
     expect(element[0].checked).toBe(true);
 
     element[0].checked = !element[0].checked;
@@ -79,8 +86,10 @@ 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();
   });
 
@@ -89,16 +98,20 @@ 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();
   });
 
@@ -108,8 +121,10 @@ 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,6 +25,8 @@ 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}}",
     );
@@ -35,6 +37,8 @@ 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(() => {
@@ -49,6 +53,8 @@ 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(() => {
@@ -63,6 +69,8 @@ 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(() => {