javascript - Jasmine 单元测试不等待 promise 解决

Question

我有一个像这样的异步依赖的 Angular 服务

(function() {
    angular
        .module('app')
        .factory('myService', ['$q', 'asyncService',

    function($q, asyncService) {

        var myData = null;

        return {
            initialize: initialize,
        };

        function initialize(loanId){
            return asyncService.getData(id)
                .then(function(data){
                    console.log("got the data!");
                    myData = data;
            });
        }
    }]);
})();

我想对 initialize 函数进行单元测试，我在 jasmine 中尝试这样:

describe("Rate Structure Lookup Service", function() {

    var $q;
    var $rootScope;
    var getDataDeferred;
    var mockAsyncService;
    var service;

    beforeEach(function(){
        module('app');

        module(function ($provide) {
            $provide.value('asyncService', mockAsyncService);
        });

        inject(function(_$q_, _$rootScope_, myService) {
            $q = _$q_;
            $rootScope = _$rootScope_;
            service = myService;
        });

        getDataDeferred = $q.defer();

        mockAsyncService = {
            getData: jasmine.createSpy('getData').and.returnValue(getDataDeferred.promise)
        };
    });

    describe("Lookup Data", function(){
        var data;

        beforeEach(function(){
            testData = [{
                recordId: 2,
                effectiveDate: moment("1/1/2015", "l")
            },{
                recordId: 1,
                effectiveDate: moment("1/1/2014", "l")
            }];
        });

        it("should get data", function(){
            getDataDeferred.resolve(testData);

            service.initialize(1234).then(function(){
                console.log("I've been resolved!");
                expect(mockAsyncService.getData).toHaveBeenCalledWith(1234);
            });

            $rootScope.$apply();
        });
    });
});

没有任何控制台消息出现，测试似乎只是在没有解决 promise 的情况下继续进行。我认为 $rootScope.$apply() 会这样做，但似乎不会。

更新

@estus 是对的，$rootScope.$appy() 足以触发所有 promise 的解决。看来问题出在我对 asyncService 的 mock 中。我把它从

mockAsyncService = {
    getData: jasmine.createSpy('getData').and.returnValue(getDataDeferred.promise)
};

到

mockAsyncService = {
    getData: jasmine.createSpy('getData').and.callFake(
        function(id){
            return $q.when(testData);
    })
};

然后我将 testData 设置为测试所需的内容，而不是调用 getDataDeferred.resolve(testData)。在此更改之前，注入(inject)了 mockAsyncService，但从未解决 getDataDeferred 的 promise 。

我不知道这是 beforeEach 中的注入(inject)顺序还是什么。更奇怪的是，它必须是 callFake。使用 .and.returnValue($q.when(testData)) 仍然会阻止 promise 解析。

Answer 1

Angular promise 在测试期间是同步的，$rootScope.$apply()足以使它们在规范末尾得到解决。

除非asyncService.getData返回一个真正的 promise 而不是 $q promise (在这种情况下不是)，异步性在 Jasmine 中不是问题。

Jasmine promise matchers库非常适合测试 Angular promises。除了明显缺乏冗长之外，它在这种情况下提供了有值(value)的反馈。虽然这

rejectedPromise.then((result) => {
  expect(result).toBe(true);
});

规范会在不该通过的时候通过，这个

expect(pendingPromise).toBeResolved();
expect(rejectedPromise).toBeResolvedWith(true);

将失败并显示有意义的消息。

测试代码的实际问题优先于beforeEach . Angular 引导过程不是同步的。

getDataDeferred = $q.defer()应该放入inject block ，否则它将在模块被引导和 $q 之前执行被注入(inject)了。同样关注mockAsyncService使用getDataDeferred.promise .

在最好的情况下，代码会抛出一个错误，因为 defer在 undefined 上调用了方法.在最坏的情况下(这就是为什么像 this.$q 这样的规范属性比本地套件变量更可取的原因)$q属于先前规范中的喷油器，因此 $rootScope.$apply()在这里不会有任何影响。