我需要测试我自己的角度提供程序,并且需要在配置和运行阶段对其进行测试,以检查配置方法是否有效,以及实例化的提供程序是否确实配置了正确的参数。
当我询问提供程序的依赖注入时,它找不到 APIResourceFactoryProvider,只有 APIResourceFactory,而且我在迄今为止查看的存储库中没有找到任何这样的示例。
我需要测试我自己的角度提供程序,并且需要在配置和运行阶段对其进行测试,以检查配置方法是否有效,以及实例化的提供程序是否确实配置了正确的参数。
当我询问提供程序的依赖注入时,它找不到 APIResourceFactoryProvider,只有 APIResourceFactory,而且我在迄今为止查看的存储库中没有找到任何这样的示例。
它实际上比最初在 AngularJS 中测试提供者要简单得多:
describe('Testing a provider', function() {
var provider;
beforeEach(module('plunker', function( myServiceProvider ) {
provider = myServiceProvider;
}));
it('should return true on method call', inject(function () {
expect( provider.method() ).toBeTruthy();
}));
});
```
证明在 Plunker:http ://plnkr.co/edit/UkltiSG8sW7ICb9YBZSH
以防万一您想要提供程序的缩小版本,事情会变得稍微复杂一些。
这是提供程序代码:
angular
.module('core.services')
.provider('storageService', [function () {
function isLocalStorageEnabled(window) {
return true;
}
this.$get = ['$window', 'chromeStorageService', 'html5StorageService',
function($window, chromeStorageService, html5StorageService) {
return isLocalStorageEnabled($window) ? html5StorageService : chromeStorageService;
}];
}]);
测试用例:
describe('Storage.Provider', function() {
var chrome = {engine: 'chrome'};
var html5 = {engine: 'html5'};
var storageService, provider;
beforeEach(module('core.services'));
beforeEach(function () {
module(function (storageServiceProvider) {
provider = storageServiceProvider;
});
});
beforeEach(angular.mock.module(function($provide) {
$provide.value('html5StorageService', html5);
$provide.value('chromeStorageService', chrome);
}));
// the trick is here
beforeEach(inject(function($injector) {
storageService = $injector.invoke(provider.$get);
}));
it('should return Html5 storage service being run in a usual browser', function () {
expect(storageService).toBe(html5);
});
});
在这种情况下,$get 是一个数组,您不能将它作为提供依赖项作为参数的常用函数来调用。解决方案是使用$injector.invoke()。
奇怪的是,大多数教程和示例都忽略了这个细节。
这是一个小助手,它正确封装了获取提供程序,从而确保各个测试之间的隔离:
/**
* @description request a provider by name.
* IMPORTANT NOTE:
* 1) this function must be called before any calls to 'inject',
* because it itself calls 'module'.
* 2) the returned function must be called after any calls to 'module',
* because it itself calls 'inject'.
* @param {string} moduleName
* @param {string} providerName
* @returns {function} that returns the requested provider by calling 'inject'
* usage examples:
it('fetches a Provider in a "module" step and an "inject" step',
function() {
// 'module' step, no calls to 'inject' before this
var getProvider =
providerGetter('module.containing.provider', 'RequestedProvider');
// 'inject' step, no calls to 'module' after this
var requestedProvider = getProvider();
// done!
expect(requestedProvider.$get).toBeDefined();
});
*
it('also fetches a Provider in a single step', function() {
var requestedProvider =
providerGetter('module.containing.provider', 'RequestedProvider')();
expect(requestedProvider.$get).toBeDefined();
});
*/
function providerGetter(moduleName, providerName) {
var provider;
module(moduleName,
[providerName, function(Provider) { provider = Provider; }]);
return function() { inject(); return provider; }; // inject calls the above
}