使用 $provide 在 Jasmine 测试中重用 Angular 模拟

Question

我希望重用我的模拟，而不是在每个将它们作为依赖项的单元测试中设置它们。但我很难弄清楚如何正确注入它们。

这是我对单元测试设置的尝试，当然失败了，因为 ConfigServiceMockProvider 不存在。

describe('LoginService tests', function () {

  var LoginService;

  beforeEach(module('mocks'));

  beforeEach(module('services.loginService', function ($provide, _ConfigServiceMock_) {
    $provide.value("ConfigService", _ConfigServiceMock_);

    /* instead of having to type e.g. everywhere ConfigService is used
    *  $provide.value("ConfigService", { 'foobar': function(){} });
    */
  });

  beforeEach(inject(function (_LoginService_) {
    LoginService = _LoginService_;
  });
}

配置服务模拟

angular.module('mocks').service('ConfigServiceMock', function() {
  this.init = function(){};
  this.getValue = function(){};
}

我意识到我可能可以让 ConfigServiceMock.js 创建一个全局窗口对象，因此不需要像这样加载它。但我觉得应该有更好的方法。

Answer 1

试试这样的：

describe('Using externally defined mock', function() {
  var ConfigServiceMock;

  beforeEach(module('mocks'));

  beforeEach(module('services.configService', function($provide) {
    $provide.factory('ConfigService', function() {return ConfigServiceMock;});
  }));

  beforeEach(module('services.loginService'));

  beforeEach(inject(function (_ConfigServiceMock_) {
    ConfigServiceMock = _ConfigServiceMock_;
  }));

  // Do not combine this call with the one above
  beforeEach(inject(function (_LoginService_) {
    LoginService = _LoginService_;
  }));

  it('should have been given the mock', function() {
    expect(ConfigServiceMock).toBeDefined('The mock should have been defined');
    expect(LoginService.injectedService).toBeDefined('Something should have been injected');
    expect(LoginService.injectedService).toBe(ConfigServiceMock, 'The thing injected should be the mock');
  });
});

根据this answer，您必须先将所有电话拨给module，然后再拨给inject。

这引入了一点 catch-22，因为您必须在规范中引用您的 ConfigServiceMock（通过 inject），然后才能在 LoginService 上设置它（在 module 调用中完成）

解决方法是将角度工厂函数设置为 ConfigService 依赖项。这将导致 Angular 延迟加载服务，到那时您将收到对 ConfigServiceMock 的引用。