我有一个像这样的异步依赖的 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 解析。
最佳答案
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()
在这里不会有任何影响。
关于javascript - Jasmine 单元测试不等待 promise 解决,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35807119/