javascript - AngularJS 测试 - 注入(inject) -> 模块 -> 注入(inject)

Question

我正在尝试测试依赖于其他服务 authService 的服务 documentViewer

  angular
    .module('someModule')
    .service('documentViewer', DocumentViewer);

  /* @ngInject */
  function DocumentViewer($q, authService) {
    // ...

    this.view = function(doc) {
      //...
    }
  }

这是我目前的测试结果

it('test', inject(function($q) {
  var doc = {
    view: function() {
      return $q.resolve(0);
    }
  };

  var auth = {
    refreshProfileData: function() {
      return $q.resolve(0);
    },
  };

  var viewer = createViewer(auth);
}));

function createViewer(auth) {
  var viewer;

  module({
    authService: auth
  });
  inject(function(documentViewer) {
    viewer = documentViewer;
  });

  return viewer;
}

问题是我需要调用inject来获取$q，然后用它来创建我的mocks，用module注册我的mocks >，然后再次调用 inject 来抓取被测单元。

这导致

Error: Injector already created, can not register a module! in bower_components/angular-mocks/angular-mocks.js (line 2278)

我在这里看到很多关于 SO 的回答说你不能在 inject 之后调用 module，但是他们没有提供任何替代方案，比如以上。

这里正确的做法是什么？

PS:我想避免使用 beforeEach，我希望每个测试都是独立的。

Answer 1

module 用来定义哪些模块用inject加载，inject后不能调用，这是先有鸡还是先有蛋的情况。

module 接受的对象用于定义模拟服务 with $provide.value :

If an object literal is passed each key-value pair will be registered on the module via $provide.value, the key being the string name (or token) to associate with the value on the injector.

像 createViewer 这样同时调用 module 和 inject 的函数不能超过 1 个。如果这意味着这种自包含测试是一种反模式，那么对此无能为力。 Angular 测试最适合通常的习惯，包括 beforeEach 和局部变量。

为了消除对$q的依赖，mocked service可以做成factory。

it('test', function () {
  var authFactory = function ($q) {
    return {
      refreshProfileData: function() {
        return $q.resolve(0);
      },
    };
  };

  // mocks defined first
  module(function ($provide) {
    $provide.factory('authService': authFactory);
  });

  var viewer;
  inject(function(documentViewer) {
    viewer = documentViewer;
  });
  // no module(...) is allowed after this point

  var $q;
  inject(function(_$q_) {
    $q = _$q_;
  });

  var doc = {
    view: function() {
      return $q.resolve(0);
    }
  };
});