@angular-wave/angular.ts 0.4.4 → 0.4.6

package/src/directive/style/style.spec.js

@@ -24,31 +24,37 @@ describe("ng-style", () => {
 
   it("should set", () => {
     element = $compile("<div ng-style=\"{height: '40px'}\"></div>")($scope);
+    $scope.$digest();
     expect(element[0].style.height).toEqual("40px");
   });
 
   it("should silently ignore undefined style", () => {
     element = $compile('<div ng-style="myStyle"></div>')($scope);
+    $scope.$digest();
     expect(element[0].classList.contains("ng-exception")).toBeFalsy();
   });
 
   it("should not deep watch objects", () => {
     element = $compile('<div ng-style="{height: heightObj}"></div>')($scope);
+    $scope.$digest();
     expect(parseInt(element[0].style.height + 0, 10)).toEqual(0); // height could be '' or '0px'
     $scope.heightObj = {
       toString() {
         return "40px";
       },
     };
+    $scope.$digest();
     expect(element[0].style.height).toBe("40px");
 
     element[0].style.height = "10px";
     $scope.heightObj.otherProp = 123;
+    $scope.$digest();
     expect(element[0].style.height).toBe("10px");
   });
 
   it("should support binding for object literals", () => {
     element = $compile('<div ng-style="{height: heightStr}"></div>')($scope);
+    $scope.$digest();
     expect(parseInt(element[0].style.height + 0, 10)).toEqual(0); // height could be '' or '0px'
     $scope.$apply('heightStr = "40px"');
     expect(element[0].style.height).toBe("40px");
@@ -59,6 +65,7 @@ describe("ng-style", () => {
 
   it("should support lazy one-time binding for object literals", () => {
     element = $compile('<div ng-style="::{height: heightStr}"></div>')($scope);
+    $scope.$digest();
     expect(parseInt(element[0].style.height + 0, 10)).toEqual(0); // height could be '' or '0px'
     $scope.$apply('heightStr = "40px"');
     expect(element[0].style.height).toBe("40px");

package/src/directive/switch/switch.spec.js

@@ -570,9 +570,9 @@ describe("ngSwitch", () => {
 //         ),
 //       )($scope);
 
-//       ; // re-enable the animations;
+//       $rootScope.$digest(); // re-enable the animations;
 //       $scope.val = "one";
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("enter");
@@ -596,16 +596,16 @@ describe("ngSwitch", () => {
 //         ),
 //       )($scope);
 
-//       ; // re-enable the animations;
+//       $rootScope.$digest(); // re-enable the animations;
 //       $scope.val = "two";
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("enter");
 //       expect(item.element.text()).toBe("two");
 
 //       $scope.val = "three";
-//       ;
+//       $scope.$digest();
 
 //       item = $animate.queue.shift();
 //       expect(item.event).toBe("leave");

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

@@ -640,6 +640,7 @@ describe("validators", () => {
       inputElm = $compile(
         '<input type="text" ng-model="notDefined" required />',
       )($rootScope);
+      $rootScope.$digest();
       expect(inputElm[0].classList.contains("ng-invalid")).toBeTrue();
     });
 

package/src/loader.js

@@ -152,6 +152,7 @@ export class Angular {
         });
         // ng-route deps
         services.$injector = $injector;
+        services.$q = $injector.get("$q");
         // https://github.com/angular-ui/ui-router/issues/3678
         if (!Object.prototype.hasOwnProperty.call($injector, "strictDi")) {
           try {

package/src/public.js

@@ -62,7 +62,9 @@ import { TemplateCacheProvider } from "./core/cache/cache-factory.js";
 import { ControllerProvider } from "./core/controller/controller.js";
 import { ExceptionHandlerProvider } from "./core/exception-handler.js";
 import { FilterProvider } from "./core/filter/filter.js";
+import { IntervalProvider } from "./core/interval/interval.js";
 import { InterpolateProvider } from "./core/interpolate/interpolate.js";
+import { $IntervalFactoryProvider } from "./core/interval/interval-factory.js";
 import {
   HttpProvider,
   HttpParamSerializerProvider,
@@ -71,10 +73,12 @@ import { HttpBackendProvider } from "./services/http-backend/http-backend.js";
 import { LocationProvider } from "./core/location/location.js";
 import { LogProvider } from "./services/log.js";
 import { ParseProvider } from "./core/parse/parse.js";
-import { RootModelProvider } from "./core/model/model.js";
+import { RootScopeProvider } from "./core/scope/scope.js";
+import { $QProvider } from "./core/q/q.js";
 import { SceProvider, SceDelegateProvider } from "./core/sce/sce.js";
 import { TaskTrackerFactoryProvider } from "./core/task-tracker-factory.js";
 import { TemplateRequestProvider } from "./services/template-request.js";
+import { TimeoutProvider } from "./core/timeout/timeout.js";
 import { SanitizeUriProvider } from "./core/sanitize/sanitize-uri.js";
 import {
   ngMessageDefaultDirective,
@@ -248,6 +252,8 @@ export function publishExternalAPI(angular) {
             $exceptionHandler: ExceptionHandlerProvider,
             $filter: FilterProvider,
             $interpolate: InterpolateProvider,
+            $interval: IntervalProvider,
+            $$intervalFactory: $IntervalFactoryProvider,
             $http: HttpProvider,
             $httpParamSerializer: HttpParamSerializerProvider,
             $httpBackend: HttpBackendProvider,
@@ -255,13 +261,15 @@ export function publishExternalAPI(angular) {
             $log: LogProvider,
             $parse: ParseProvider,
             $$rAFScheduler: RafSchedulerProvider,
-            $rootScope: RootModelProvider,
+            $rootScope: RootScopeProvider,
             $routerGlobals: UIRouterGlobals,
+            $q: $QProvider,
             $sce: SceProvider,
             $sceDelegate: SceDelegateProvider,
             $$taskTrackerFactory: TaskTrackerFactoryProvider,
             $templateCache: TemplateCacheProvider,
             $templateRequest: TemplateRequestProvider,
+            $timeout: TimeoutProvider,
             $urlConfig: UrlConfigProvider,
             $view: ViewService,
             $transitions: TransitionProvider,

package/src/router/common/coreservices.js

@@ -1,4 +1,6 @@
 export const services = {
+  /** @type {import("../../core/q/q").QService} */
+  $q: undefined,
   /** @type {import("../../core/di/internal-injector").InjectorService} */
   $injector: undefined,
 };

package/src/router/directives/state-directives.js

@@ -43,7 +43,7 @@ function getTypeInfo(el) {
   };
 }
 /** @ignore */
-function clickHook(el, $state, type, getDef) {
+function clickHook(el, $state, $timeout, type, getDef) {
   return function (e) {
     const button = e.which || e.button,
       target = getDef();
@@ -57,7 +57,7 @@ function clickHook(el, $state, type, getDef) {
       el.attr("target");
     if (!res) {
       // HACK: This is to allow ng-clicks to be processed before the transition is initiated:
-      const transition = setTimeout(function () {
+      const transition = $timeout(function () {
         if (!el.attr("disabled")) {
           $state.go(target.ngState, target.ngStateParams, target.ngStateOpts);
         }
@@ -66,7 +66,7 @@ function clickHook(el, $state, type, getDef) {
       // if the state has no URL, ignore one preventDefault from the <a> directive.
       let ignorePreventDefaultCount = type.isAnchor && !target.href ? 1 : 0;
       e.preventDefault = function () {
-        if (ignorePreventDefaultCount-- <= 0) clearTimeout(transition);
+        if (ignorePreventDefaultCount-- <= 0) $timeout.cancel(transition);
       };
     } else {
       // ignored
@@ -106,9 +106,15 @@ function bindEvents(element, scope, hookFn, ngStateOpts) {
 
 // // TODO: SEPARATE THESE OUT
 
-$StateRefDirective.$inject = ["$state", "$stateRegistry", "$transitions"];
+$StateRefDirective.$inject = [
+  "$state",
+  "$timeout",
+  "$stateRegistry",
+  "$transitions",
+];
 export function $StateRefDirective(
   $stateService,
+  $timeout,
   $stateRegistry,
   $transitions,
 ) {
@@ -149,7 +155,7 @@ export function $StateRefDirective(
       scope.$on("$destroy", $stateRegistry.onStatesChanged(update));
       scope.$on("$destroy", $transitions.onSuccess({}, update));
       if (!type.clickable) return;
-      const hookFn = clickHook(element, $state, type, getDef);
+      const hookFn = clickHook(element, $state, $timeout, type, getDef);
       bindEvents(element, scope, hookFn, rawDef.ngStateOpts);
     },
   };
@@ -157,11 +163,13 @@ export function $StateRefDirective(
 
 $StateRefDynamicDirective.$inject = [
   "$state",
+  "$timeout",
   "$stateRegistry",
   "$transitions",
 ];
 export function $StateRefDynamicDirective(
   $state,
+  $timeout,
   $stateRegistry,
   $transitions,
 ) {
@@ -205,7 +213,7 @@ export function $StateRefDynamicDirective(
       scope.$on("$destroy", $stateRegistry.onStatesChanged(update));
       scope.$on("$destroy", $transitions.onSuccess({}, update));
       if (!type.clickable) return;
-      hookFn = clickHook(element, $state, type, getDef);
+      hookFn = clickHook(element, $state, $timeout, type, getDef);
       bindEvents(element, scope, hookFn, rawDef.ngStateOpts);
     },
   };

package/src/router/directives/state-directives.spec.js

@@ -50,8 +50,10 @@ describe("ngStateRef", () => {
     $injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "defaultModule",
     ]);
+    $q = $injector.get("$q");
     $rootScope = $injector.get("$rootScope");
     $compile = $injector.get("$compile");
+    $timeout = $injector.get("$timeout");
     $state = $injector.get("$state");
     $stateParams = $injector.get("$stateParams");
     $urlService = $injector.get("$urlService");
@@ -72,6 +74,7 @@ describe("ngStateRef", () => {
       defer.resolve({ id: 6 });
       el = $compile(el)($rootScope);
 
+      $rootScope.$digest();
       expect(el.attr("href")).toBe("#/contacts/6");
     });
   });
@@ -88,6 +91,7 @@ describe("ngStateRef", () => {
 
     $compile(el)(scope);
     $compile(el2)(scope);
+    scope.$digest();
   }
 
   describe("links", () => {
@@ -114,6 +118,7 @@ describe("ngStateRef", () => {
       $rootScope.$apply();
 
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect(el.attr("href")).toBe("#/contacts/3");
     });
 
@@ -189,8 +194,12 @@ describe("ngStateRef", () => {
     it("should allow passing params to current state", async () => {
       $state.go("other", { id: "abc" });
       $rootScope.$index = "def";
+      $rootScope.$digest();
+
       el = JQLite('<a ng-sref="{id: $index}">Details</a>');
       $compile(el)($rootScope);
+      $rootScope.$digest();
+
       expect($state.current.name).toBe("other");
       expect($state.params.id).toEqual("abc");
       expect(el.attr("href")).toBe("#/other/def");
@@ -202,6 +211,8 @@ describe("ngStateRef", () => {
 
       $rootScope.$index = "ghi";
       $state.go("other.detail");
+      $rootScope.$digest();
+
       expect($state.current.name).toBe("other.detail");
       expect($state.params.id).toEqual("def");
 
@@ -215,11 +226,14 @@ describe("ngStateRef", () => {
 
     it("should allow multi-line attribute values when passing params to current state", async () => {
       $state.go("contacts.item.detail", { id: "123" });
+      $rootScope.$digest();
+
       el = JQLite('<a ng-sref="{\n\tid: $index\n}">Details</a>');
       $rootScope.$index = 3;
       $rootScope.$apply();
 
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect(el.attr("href")).toBe("#/contacts/3");
     });
 
@@ -230,11 +244,13 @@ describe("ngStateRef", () => {
       template = $compile(el)($rootScope);
 
       $rootScope.urlParams = { id: 1 };
+      $rootScope.$digest();
       expect(JQLite(template[0].querySelector("a")).attr("href")).toBe(
         "#/contacts/1",
       );
 
       $rootScope.urlParams.id = 2;
+      $rootScope.$digest();
       expect(JQLite(template[0].querySelector("a")).attr("href")).toBe(
         "#/contacts/2",
       );
@@ -284,6 +300,7 @@ describe("ngStateRef", () => {
       scope = $rootScope;
       Object.assign(scope, { state: "contacts", params: {} });
       template = $compile(el)(scope);
+      scope.$digest();
     });
 
     it("sets the correct initial href", () => {
@@ -295,9 +312,11 @@ describe("ngStateRef", () => {
 
       scope.state = "contacts.item";
       scope.params = { id: 5 };
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/5");
 
       scope.params.id = 25;
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/25");
     });
 
@@ -306,26 +325,31 @@ describe("ngStateRef", () => {
       expect(template[0].className).not.toContain("activeeq");
 
       $state.go("contacts");
+      scope.$digest();
       await wait(100);
       expect(template[0].className).toContain("active activeeq");
 
       scope.state = "contacts.item";
       scope.params = { id: 5 };
+      scope.$digest();
       await wait(100);
       expect(template[0].className).not.toContain("active");
       expect(template[0].className).not.toContain("activeeq");
 
       $state.go("contacts.item", { id: -5 });
+      scope.$digest();
       await wait(100);
       expect(template[0].className).not.toContain("active");
       expect(template[0].className).not.toContain("activeeq");
 
       $state.go("contacts.item", { id: 5 });
+      scope.$digest();
       await wait(100);
       expect(template[0].className).toContain("active activeeq");
 
       scope.state = "contacts";
       scope.params = {};
+      scope.$digest();
       await wait(100);
       expect(template[0].className).toContain("active");
       expect(template[0].className).not.toContain("activeeq");
@@ -335,12 +359,15 @@ describe("ngStateRef", () => {
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts");
       scope.state = "other";
       scope.params = { id: "123" };
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/other/123");
     });
 
     it("should allow passing params to current state using empty ng-state", async () => {
       await $state.go("other", { id: "abc" });
       $rootScope.$index = "def";
+      $rootScope.$digest();
+
       el = JQLite('<a ng-state="" ng-state-params="{id: $index}">Details</a>');
       $compile(el)($rootScope);
 
@@ -356,6 +383,8 @@ describe("ngStateRef", () => {
 
       $rootScope.$index = "ghi";
       await $state.go("other.detail");
+      $rootScope.$digest();
+
       expect($state.current.name).toBe("other.detail");
       expect($state.params.id).toEqual("def");
 
@@ -371,21 +400,25 @@ describe("ngStateRef", () => {
     it("retains the old href if the new points to a non-state", () => {
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts");
       scope.state = "nostate";
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts");
     });
 
     it("accepts param overrides", () => {
       scope.state = "contacts.item";
       scope.params = { id: 10 };
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/10");
     });
 
     it("accepts param overrides", () => {
       scope.state = "contacts.item";
       scope.params = { id: 10 };
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/10");
 
       scope.params.id = 22;
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/22");
     });
 
@@ -399,9 +432,11 @@ describe("ngStateRef", () => {
       scope.state1 = "contacts.item";
       scope.state2 = "other";
       scope.params = { id: 10 };
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/10");
 
       scope.exprvar = "state2";
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/other/10");
     });
 
@@ -411,11 +446,13 @@ describe("ngStateRef", () => {
       scope.state = "contacts.item";
       scope.params = { id: 10 };
       template = $compile(el)(scope);
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/10");
 
       scope.state = "other";
       scope.params = { id: 22 };
 
+      scope.$digest();
       expect(JQLite(template[0]).attr("href")).toBe("#/contacts/10");
     });
 
@@ -426,6 +463,8 @@ describe("ngStateRef", () => {
       scope.state = "contacts";
       scope.opts = { reload: true };
       template = $compile(el)(scope);
+      scope.$digest();
+
       spyOn($state, "go").and.callFake(function (state, params, options) {
         transitionOptions = options;
       });
@@ -457,6 +496,8 @@ describe("ngStateRef", () => {
 
         scope.state = "contacts";
         $compile(el)(scope);
+        scope.$digest();
+
         browserTrigger(el, "change");
         await wait(100);
 
@@ -470,11 +511,15 @@ describe("ngStateRef", () => {
 
         scope.state = "contacts";
         $compile(el)(scope);
+        scope.$digest();
+
         browserTrigger(el, "change");
         await wait(100);
         expect($state.current.name).toEqual("contacts");
 
         $state.go("top");
+        scope.$digest();
+
         expect($state.current.name).toEqual("top");
 
         browserTrigger(el, "blur");
@@ -490,11 +535,15 @@ describe("ngStateRef", () => {
 
         scope.state = "contacts";
         $compile(el)(scope);
+        scope.$digest();
+
         browserTrigger(el, "mouseover");
         await wait(100);
         expect($state.current.name).toEqual("contacts");
 
         $state.go("top");
+        scope.$digest();
+
         expect($state.current.name).toEqual("top");
 
         browserTrigger(el, "mousedown");
@@ -516,6 +565,7 @@ describe("ngStateRef", () => {
       scope.$apply();
 
       $compile(el)(scope);
+      scope.$digest();
     });
 
     it("should generate the correct action", () => {
@@ -587,6 +637,7 @@ describe("ngStateRef", () => {
     it("should bind click event by default", async () => {
       el = JQLite('<a ng-sref="contacts"></a>');
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "click");
@@ -600,6 +651,7 @@ describe("ngStateRef", () => {
         '<input type="text" ng-sref="contacts" ng-sref-opts="{ events: [\'change\'] }">',
       );
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "change");
@@ -613,6 +665,7 @@ describe("ngStateRef", () => {
         '<input type="text" ng-sref="contacts" ng-sref-opts="{ events: [\'change\', \'blur\'] }">',
       );
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "change");
@@ -620,6 +673,8 @@ describe("ngStateRef", () => {
       expect($state.current.name).toEqual("contacts");
 
       await $state.go("top");
+      $rootScope.$digest();
+
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "blur");
@@ -632,6 +687,7 @@ describe("ngStateRef", () => {
         "<a ng-sref=\"contacts\" ng-sref-opts=\"{ events: ['mouseover', 'mousedown'] }\">",
       );
       $compile(el)($rootScope);
+      $rootScope.$digest();
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "mouseover");
@@ -639,6 +695,8 @@ describe("ngStateRef", () => {
       expect($state.current.name).toEqual("contacts");
 
       await $state.go("top");
+      $rootScope.$digest();
+
       expect($state.current.name).toEqual("top");
 
       browserTrigger(el, "mousedown");
@@ -701,8 +759,10 @@ describe("ngSrefActive", () => {
     $injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "defaultModule",
     ]);
+    $q = $injector.get("$q");
     $rootScope = $injector.get("$rootScope");
     $compile = $injector.get("$compile");
+    $timeout = $injector.get("$timeout");
     $state = $injector.get("$state");
     $stateParams = $injector.get("$stateParams");
   });
@@ -712,6 +772,8 @@ describe("ngSrefActive", () => {
       '<div><a ng-sref="contacts.item({ id: 1 })" ng-sref-active="active">Contacts</a><a ng-sref="contacts.item({ id: 2 })" ng-sref-active="active">Contacts</a></div>',
     );
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
     $state.transitionTo("contacts.item", { id: 1 });
     await wait(100);
@@ -727,6 +789,8 @@ describe("ngSrefActive", () => {
       '<div><a ng-sref="contacts.item.detail({ foo: \'bar\' })" ng-sref-active="active">Contacts</a></div>',
     );
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
     $state.transitionTo("contacts.item.detail", { id: 5, foo: "bar" });
     await wait(100);
@@ -743,6 +807,8 @@ describe("ngSrefActive", () => {
       '<div><a ng-sref="arrayparam({ foo: [1,2,3] })" ng-sref-active="active">foo 123</a></div>',
     );
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
 
     $state.transitionTo("arrayparam", { foo: [1, 2, 3] });
@@ -764,6 +830,8 @@ describe("ngSrefActive", () => {
       '<div><a ng-sref="arrayparam({ foo: [1,2,3] })" ng-sref-active-eq="active">foo 123</a></div>',
     );
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
 
     $state.transitionTo("arrayparam", { foo: [1, 2, 3] });
@@ -785,12 +853,15 @@ describe("ngSrefActive", () => {
     );
     template = $compile(el)($rootScope);
     $rootScope.fooId = "bar";
+    $rootScope.$digest();
+
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
     $state.transitionTo("contacts.item.detail", { id: 5, foo: "bar" });
     await wait(100);
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBe("active");
 
     $rootScope.fooId = "baz";
+    $rootScope.$digest();
     await wait(100);
     expect(JQLite(template[0].querySelector("a")).attr("class")).toBeFalsy();
   });
@@ -799,6 +870,7 @@ describe("ngSrefActive", () => {
     template = $compile(
       '<div><a ng-sref="contacts.item({ id: 1 })" ng-sref-active="active">Contacts</a></div>',
     )($rootScope);
+    $rootScope.$digest();
     const a = JQLite(template[0].getElementsByTagName("a")[0]);
 
     $state.transitionTo("contacts.item.edit", { id: 1 });
@@ -816,6 +888,7 @@ describe("ngSrefActive", () => {
     template = $compile(
       '<div><a ng-sref="contacts.item({ id: 1 })" ng-sref-active-eq="active">Contacts</a></div>',
     )($rootScope);
+    $rootScope.$digest();
     const a = JQLite(template[0].getElementsByTagName("a")[0]);
 
     $state.transitionTo("contacts.item", { id: 1 });
@@ -831,6 +904,7 @@ describe("ngSrefActive", () => {
     template = $compile(
       '<div><a ng-sref="contacts.item({ id: 1 })" ng-sref-active="active" ng-sref-active-eq="active-eq">Contacts</a></div>',
     )($rootScope);
+    $rootScope.$digest();
     const a = JQLite(template[0].getElementsByTagName("a")[0]);
 
     $state.transitionTo("contacts.item", { id: 1 });
@@ -847,6 +921,8 @@ describe("ngSrefActive", () => {
   it("should resolve relative state refs", async () => {
     el = JQLite("<section><div ng-view></div></section>");
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     $state.transitionTo("contacts");
     await wait(100);
     expect(
@@ -867,6 +943,8 @@ describe("ngSrefActive", () => {
       '<div ng-sref-active="active"><a ng-sref="contacts.item({ id: 1 })">Contacts</a><a ng-sref="contacts.item({ id: 2 })">Contacts</a></div>',
     );
     template = $compile(el)($rootScope);
+    $rootScope.$digest();
+
     expect(JQLite(template[0]).attr("class")).toBeUndefined();
 
     $state.transitionTo("contacts.item", { id: 1 });
@@ -928,6 +1006,7 @@ describe("ngSrefActive", () => {
     template = $compile(
       '<div><a ng-sref="contacts.item({ id: 1 })" ng-sref-active="active also-active">Contacts</a></div>',
     )($rootScope);
+    $rootScope.$digest();
     const a = JQLite(template[0].getElementsByTagName("a")[0]);
 
     $state.transitionTo("contacts.item.edit", { id: 1 });
@@ -952,6 +1031,7 @@ describe("ngSrefActive", () => {
     template = $compile(
       '<div ng-sref-active="active"><a ng-sref="contacts.lazy.s1">Lazy</a></div><div ng-sref-active="active"><a ng-sref="contacts.lazy.s2"></a></div>',
     )($rootScope);
+    $rootScope.$digest();
     $state.transitionTo("contacts.lazy.s1");
     await wait(100);
 
@@ -1014,6 +1094,7 @@ describe("ngSrefActive", () => {
       el = $compile("<div ng-sref-active=\"{active: 'admin.roles'}\"/>")(
         $rootScope,
       );
+      $rootScope.$digest();
       timeoutFlush();
       expect(el.hasClass("active")).toBeTruthy();
     });
@@ -1034,6 +1115,7 @@ describe("ngSrefActive", () => {
       template = $compile(
         '<div ng-sref-active="{ active: \'contacts.lazy.s1\' }"><a ng-sref="contacts.lazy.s1">Lazy</a></div><div ng-sref-active="{ active: \'contacts.lazy.s2\' }"></div>',
       )($rootScope);
+      $rootScope.$digest();
       $state.transitionTo("contacts.lazy.s1");
       await wait(100);
       expect(template.eq(0).hasClass("active")).toBeTruthy();
@@ -1083,6 +1165,7 @@ describe("ngSrefActive", () => {
       el = $compile(
         "<div ng-sref-active=\"{active: ['admin.roles', 'admin.someOtherState']}\"/>",
       )($rootScope);
+      $rootScope.$digest();
       timeoutFlush();
       expect(el.hasClass("active")).toBeTruthy();
     });