feat($state): broadcast $stateChangeCancel event when event.preventDe…

…fault() is called in $stateChangeStart handler
angular-ui · Mar 28, 2015 · ecefb75 · ecefb75
1 parent 3e06565
commit ecefb75
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/src/state.js b/src/state.js
@@ -1028,6 +1028,7 @@ function $StateProvider(   $urlRouterProvider,   $urlMatcherFactory) {
          * </pre>
          */
         if ($rootScope.$broadcast('$stateChangeStart', to.self, toParams, from.self, fromParams).defaultPrevented) {
+          $rootScope.$broadcast('$stateChangeCancel', to.self, toParams, from.self, fromParams);
           $urlRouter.update();
           return TransitionPrevented;
         }

diff --git a/test/stateSpec.js b/test/stateSpec.js
@@ -123,6 +123,7 @@ describe('state', function () {
     log = '';
     logEvents = logEnterExit = false;
     $rootScope.$on('$stateChangeStart', eventLogger);
+    $rootScope.$on('$stateChangeCancel', eventLogger);
     $rootScope.$on('$stateChangeSuccess', eventLogger);
     $rootScope.$on('$stateChangeError', eventLogger);
     $rootScope.$on('$stateNotFound', eventLogger);
@@ -215,6 +216,25 @@ describe('state', function () {
       expect(resolvedError(promise)).toBeTruthy();
     }));
 
+    it('can be cancelled by preventDefault() in $stateChangeStart and broadcasts $stateChangeCancel', inject(function ($state, $q, $rootScope) {
+      initStateTo(A);
+      var called, cancelEventCalled;
+      $rootScope.$on('$stateChangeStart', function (ev) {
+        ev.preventDefault();
+        called = true;
+      });
+      $rootScope.$on('$stateChangeCancel', function (ev) {
+        ev.preventDefault();
+        cancelEventCalled = true;
+      });
+      var promise = $state.transitionTo(B, {});
+      $q.flush();
+      expect(called).toBeTruthy();
+      expect(cancelEventCalled).toBeTruthy();
+      expect($state.current).toBe(A);
+      expect(resolvedError(promise)).toBeTruthy();
+    }));
+
     it('triggers $stateNotFound', inject(function ($state, $q, $rootScope) {
       initStateTo(E, { i: 'iii' });
       var called;