How can I spy on a mock service AngularJS / Karma?

Question

'use strict'

webApp.controller 'NavigationController', [
  '$scope'
  '$rootScope'
  'UserService'
  ($scope, $rootScope, UserService) ->
    $scope.init = ->
      UserService.isAuthenticated().then (authenticated) ->
        $scope.isAuthenticated = authenticated

    $scope.init()
]

I want to write a test to spyOn if isAuthenticated was called from UserService. In my beforeEach, I have:

  beforeEach ->
    module 'webApp'

    inject ($injector) ->
      $httpBackend = $injector.get '$httpBackend'
      $q = $injector.get '$q'
      $rootScope = $injector.get '$rootScope'

      $scope = $rootScope.$new()
      $controller = $injector.get '$controller'

      UserServiceMock =
        isAuthenticated: ->
          deferred = $q.defer()
          deferred.promise


      controller = $controller 'AboutUsController',
        '$scope': $scope
        '$rootScope': $rootScope
        'UserService': UserServiceMock

      $httpBackend.whenGET('/api/v1/session').respond 200

Any help would be appreciated.. thanks

Answer 1

You can just set a variable to true when isAuthenticated is called in your UserServiceMock. e.g.:

var isAuthenticatedCalled;
var controller;

beforeEach(function() {
  isAuthenticatedCalled = false;

  module('webApp');
  inject(function($injector) {

    //...

    UserServiceMock = {
      isAuthenticated: function() {
        isAuthenticatedCalled = true;
        var deferred = $q.defer();
        deferred.resolve();
        return deferred.promise;
      }
    };
    controller = $controller('AboutUsController', {
      '$scope': $scope,
      '$rootScope': $rootScope,
      'UserService': UserServiceMock
    });

    // ...

  });
});

it('should call isAuthenticated', function() {
  expect(isAuthenticatedCalled).toBe(true)
});

Alternatively you could use Jasmine's spyOn function.

UserServiceMock = {
  isAuthenticated: function() {
    var deferred = $q.defer();
    deferred.resolve();
    return deferred.promise;
  }
};

spyOn(UserServiceMock, 'isAuthenticated');

And in your test you can do

it('should call isAuthenticated', function() {
  expect(UserServiceMock.isAuthenticated).toHaveBeenCalled()
});