How do I test an event has been broadcast in AngularJS?

Question

I am just wondering how can I test the handleAddClientBroadcast event?

I have a navigation service like so:

angular.module("ruleManagement.services")
    .factory('navigationService', function ($rootScope) {

        var navigationService = {};

        navigationService.prepForBroadcast = function() {
          this.broadCastIsAddClientItem();
        };

        navigationService.broadCastIsAddClientItem = function() {
          $rootScope.$broadcast('handleAddClientBroadcast');
        };

        return navigationService;
    });

I inject this navigation service into my clientsCtrl and catch the handleAddClientBroadcast like so:

$scope.$on('handleAddClientBroadcast', function () {
  $scope.clientModel = {
    id: 0,
    name: "",
    description: "",
    rules: []
  };

  var lastClient = _.findLast($scope.clients);

  if (typeof lastClient == 'undefined' || lastClient == null) {
    lastClient = $scope.clientModel;
  }

  $scope.clientModel.id = lastClient.id + 1;
  $scope.clients.push($scope.clientModel);
});

Thanks.

I found this helpful too: http://stackoverflow.com/questions/15272414/how-can-i-test-events-in-angular — Ben, Aug 16 '14 at 01:48
possible duplicate of [How do I test $scope.$on in AngularJS](http://stackoverflow.com/questions/19441782/how-do-i-test-scope-on-in-angularjs) — ivarni, Sep 30 '14 at 09:37

score 8 · Accepted Answer · answered Oct 14 '13 at 07:14

8

Assuming you're using Jasmine

spyOn($rootScope, '$broadcast').andCallThrough();

...

expect($rootScope.$broadcast).toHaveBeenCalledWith('eventName');

answered Oct 14 '13 at 07:14

ivarni

17,658
17
76
92

3

It later versions of jasmine it is spyOn(scope, '$broadcast').and.callThrough(); – Madhan Ganesh Apr 30 '15 at 03:29

How do I test an event has been broadcast in AngularJS?

1 Answers1

Linked