AngularJS：如何在配置阶段使用 $q 进行单元测试？

Question

我有一个负责加载 config.json 文件的 Angular 服务。我想在我的 run phase 中调用它，所以我在我的 $rootContext 中设置了该 json，因此，将来每个人都可以使用它。

基本上，这就是我所拥有的：

angular.module('app.core', []).run(function(CoreRun) {
    CoreRun.run();
});

我的 CoreRun 服务在哪里：

 angular.module('app.core').factory('CoreRun', CoreRun);

 CoreRun.$inject = ['$rootScope', 'config'];

 function CoreRun($rootScope, config) {
   function run() {
     config.load().then(function(response) {
       $rootScope.config = response.data;
     });
   }    
   return {
     run: run
   };
}

这很好用，当我尝试 test 时问题就出现了。我想监视我的配置服务，所以它会返回一个虚假的承诺。但是，我无法做到这一点，因为在我的测试配置阶段，服务不可用，我无法注入 $q。

据我所知，我必须模拟我的配置服务的唯一机会是在配置阶段，因为它是由运行块调用的。

到目前为止，我发现的唯一方法是使用我非常不喜欢的 jQuery 生成 Promise。

beforeEach(module('app.core'));

var configSample;

beforeEach(module(function ($provide) {
   config = jasmine.createSpyObj('config', [ 'load' ]);
   config.load.and.callFake(function() {
     configSample = { baseUrl: 'someurl' };        
     return jQuery.Deferred().resolve({data: configSample}).promise();
   });
   provide.value('config', config);
}));

it('Should load configuration using the correspond service', function() {
  // assert
  expect(config.load).toHaveBeenCalled();
  expect($rootScope.config).toBe(configSample);
});

有没有办法做出更正确的解决方法？

编辑： 可能值得一提的是，这只是在对我的运行块进行单元测试时出现的问题。

Answer 1

似乎不可能以正确的方式注入$q，因为run() 块中的函数会立即触发。 run() 块在 Angular 中被认为是配置阶段，因此测试中的 inject() 仅在配置块之后运行，因此即使您在测试中 inject() $q ，它也会是 undefined，因为 run() 先执行.

一段时间后，我能够通过一种非常肮脏的解决方法在module(function ($provide) {}) 块中获得$q。这个想法是创建一个额外的角度模块，并在您的应用程序模块之前将其包含在测试中。这个额外的模块还应该有一个run() 块，它将$q 发布到全局命名空间。注入器会先调用额外模块的run()，然后再调用app模块的run()。

angular.module('global $q', []).run(function ($q) {
    window.$q = $q;
});

describe('test', function () {

    beforeEach(function () {

        module('global $q');

        module('app.core');

        module(function ($provide) {
            console.log(window.$q); // exists
        });

        inject();

    });
});

这个额外的模块可以作为测试套件的单独文件包含在规范文件之前。如果您将模块放在测试所在的同一文件中，那么您不需要使用全局 window 变量，而只需使用文件中的变量。

Here is a working plunker（参见“script.js”文件）

第一个解决方案（没有解决问题）：

在这种情况下，您实际上可以使用$q，但您必须将其注入测试文件。在这里，您不会真正将其注入到被测单元中，而是直接注入到测试文件中，以便能够在测试中使用它。所以它实际上并不依赖于被测单元的类型：

// variable that holds injected $q service
var $q;

beforeEach(module(function ($provide) {
    config = jasmine.createSpyObj('config', [ 'load' ]);

    config.load.and.callFake(function() {
        var configSample = { baseUrl: 'someurl' };

        // create new deferred obj
        var deferred = $q.defer();

        // resolve promise
        deferred.resolve({ data: configSample });

        // return promise
        return deferred.promise;
   });

   provide.value('config', config);
}));

// inject $q service and save it to global (for spec) variable
// to be able to access it from mocks
beforeEach(inject(function (_$q_) {
    $q = _$q_;
}));

资源：

• 阅读更多关于inject() - angular.mock.inject
• $q

还有一点需要注意：config 阶段和 run 阶段是两个不同的东西。 Config 块只允许使用提供者，但在 run 块中你可以注入几乎所有东西（提供者除外）。更多信息在这里 - Module Loading & Dependencies