我想测试一个Angular服务,它有两个依赖关系,一个在$ q上,另一个在'myService'上,它也依赖于$ q。
(function() {
'use strict';
angular.module('myModule').factory('myService', [
'$q',
'apiService',
function($q, apiService) {
var data = null;
function getData() {
var deferred = $q.defer();
if (data === null) {
apiService.get('url').then(function(result) {
data = result;
deferred.resolve(data);
}, function() {
deferred.reject();
});
} else {
deferred.resolve(data);
}
return deferred.promise;
}
return {
getData: getData
};
}
]);
})();
我开始写一个茉莉花测试,如下所示,但有问题嘲笑$ q。我想注入$ q的真实版本而不是模拟版本到'myService'和'apiService',但我不确定如何完成。
'use strict';
describe('My service', function() {
var qSpy, apiServiceSpy;
beforeEach(module('myModule'));
beforeEach(function() {
qSpy = jasmine.createSpyObj('qSpy', ['defer']);
apiServiceSpy = jasmine.createSpyObj('apiServiceSpy', ['get']);
apiServiceSpy.get.and.callFake(function() {
var deferred = $q.defer();
deferred.resolve('Remote call result');
return deferred.promise;
});
module(function($provide) {
$provide.value('$q', qSpy);
$provide.value('apiService', apiServiceSpy);
});
});
it('should get data.', inject(function(myService) {
// Arrange
// Act
var data = myService.getData();
// Assert
expect(data).not.toBeNull();
}));
});
编辑 这是基于下面的反应更新的测试。我想我的问题是我认为我必须提供$ q。
'use strict';
describe('My service', function() {
var service, apiServiceSpy;
beforeEach(module('myModule'));
beforeEach(function() {
apiServiceSpy = jasmine.createSpyObj('apiServiceSpy', ['get']);
module(function($provide) {
$provide.value('apiService', apiServiceSpy);
});
});
beforeEach(inject(function($q, myService) {
service = myService;
apiServiceSpy.get.and.callFake(function() {
var deferred = $q.defer();
deferred.resolve('Remote call result');
return deferred.promise;
});
}));
it('should get data.', function() {
// Arrange
// Act
var data = service.getData();
// Assert
expect(data).not.toBeNull();
}));
});
你为什么要模拟'$ q'呢?有什么问题只是使用真正的'$ q' – hansmaad