Angularjs - 如何使用mock正确替换服务依赖项

Question

我正在使用yeoman generator创建的应用程序,并在业力中进行我的测试.

我的每个服务都有可重复使用的模拟对象.我如何正确地用模拟替换特定的服务依赖性,所以我可以使用jasmine来监视方法

到目前为止,我这样做了:

我的服务:

angular.module('ql')
  .service('loginService', ['$http','API','authService', function ($http, API, authService) {
    return {
      //service implementation
    }]);

模拟authService:

'use strict';
//lets mock http auth  service, so it would be spied upon.
ql.mock.$authServiceMockProvider = function() {
  this.$get = function() {
    var $service = {
      loginConfirmed: function() { }
    };
    return $service;
  };
};

//and register it.
angular.module('qlMock').provider({
  $authServiceMock: ql.mock.$authServiceMockProvider
});

我的测试:

'use strict';

describe('When i call login method()', function () {

  // load the service's module
  beforeEach(module('ql'));
  beforeEach(angular.mock.module('qlMock'));

  // instantiate service
  var loginService,
  authService,
  $httpBackend;
  beforeEach(function() {
    // replace auth service with a mock.
    // this seems kind of dirty... is there a bettery way? 
    module(function($provide, $injector){
      authService = $injector.get('$authServiceMockProvider').$get();
      $provide.value('authService', authService);
    });

    //actually get the loginService
    /*jshint camelcase: false */
    inject(function(_loginService_, _$httpBackend_) {
      loginService = _loginService_;
      $httpBackend =_$httpBackend_;
    });

    //http auth module method, that should be call only on success scenarios
    spyOn(authService, 'loginConfirmed').andCallThrough();
  });
  it('it should do something', function () {
  //actual test logic
  });
});

我不喜欢的是这条线:

authService = $injector.get('$authServiceMockProvider').$get();

我想简单地以某种方式获取authServiceMock(没有获取提供者,并调用et方法)然后将其注入loginService.

我知道我可以简单地调用我的$ authServiceMock authService,并将其作为模拟提供,以便它总是覆盖我的默认实现,但我不想这样做.

Answer 1

我知道这已经晚了但也许它可以帮助发生在这篇文章上的人.

使用Angular的$ provide服务,在Jasmine中模拟服务非常简单.诀窍是在注入服务之前使用$ provide来交换服务实现.

例如,假设我们正在测试一个使用$ location服务获取有关当前URL的信息的服务.

// load the service's module under test
beforeEach(module('myExampleModule'));

// mock out $location with a fake one
beforeEach(module(function ($provide) {

   //create mock impl
     var mockLocation = {
         path: function(){
                 return '/somewhere'
                 }
              }

$provide.value('$location', mockLocation); // use $provide to swap the real $location with our mock
}));

var $location;
// inject dependencies ($location will be our mocked $location)
beforeEach(inject(function (_$location_) {
 $location = _$location_;
}));

it('should return mock url', function(){
      var path = $location.path();
      expect(path).toBe('/somewhere'); //Assert that $location.path() returns '/somewhere'
});

Answer 2

我想我会简单地使用角度服务装饰器来模拟或完全替换您的测试服务。这是一个例子