Angularjs 如何测试是否实际创建了角度服务?
我这里有一个代码,它是Angularjs 如何测试是否实际创建了角度服务?,angularjs,jasmine,Angularjs,Jasmine,我这里有一个代码,它是ng wrap的一个分支,它的灵感来源于。基本上,它为第三方库引入的全局变量创建一个角度服务,这是为了用angularjs依赖注入的概念来确认。但我正在努力研究如何测试第三方变量是否真的转换为角度服务 代码如下: (function() { 'use strict'; angular .module('blocks.wrapper', []); })(); /* jshint ignore:start, -W101 */ // Inspired fro
ng wrap
的一个分支,它的灵感来源于。基本上,它为第三方库引入的全局变量创建一个角度服务,这是为了用angularjs依赖注入的概念来确认。但我正在努力研究如何测试第三方变量是否真的转换为角度服务
代码如下:
(function() {
'use strict';
angular
.module('blocks.wrapper', []);
})();
/* jshint ignore:start, -W101 */
// Inspired from http://www.bennadel.com/blog/2720-creating-and-extending-a-lodash-underscore-service-in-angularjs.htm
// Fork from https://github.com/bahmutov/ng-wrap
/* jshint ignore:end, +W101 */
(function() {
'use strict';
angular
.module('blocks.wrapper')
.provider('ngWrap', ngWrapProvider);
ngWrapProvider.$inject = ['$provide'];
/* @ngInject */
function ngWrapProvider($provide) {
/* jshint validthis:true */
this.wrapper = wrapper;
this.$get = function() {
return {'wrapper': wrapper};
};
///////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////// IMPLEMENTATION ///////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
function wrapper(name, leaveGlobal) {
$provide.provider(name, function () {
if (typeof window[name] === 'undefined') {
throw new Error('Cannot find window.' + name);
}
var thing = window[name];
if (!leaveGlobal) {
delete window[name];
}
this.$get = function() {
return thing;
};
});
}
}
})();
我这里是我到目前为止的测试规范:
'use strict';
/* jshint -W117, -W030 */
describe('blocks.wrapper', function() {
var ngWrapProvider;
var ngWrap;
var mocks = {
windowProperty: {
testProperty: 'testValue'
}
};
beforeEach(module('blocks.wrapper', function (_ngWrapProvider_) {
ngWrapProvider = _ngWrapProvider_;
}));
beforeEach(inject(function (_ngWrap_) {
ngWrap = _ngWrap_;
}));
describe('ngWrapProvider', function() {
it('should successfuly be defined', inject(function() {
expect(ngWrapProvider).toBeDefined();
}));
it('should have a wrapper method', function() {
expect(ngWrapProvider.wrapper).toBeDefined();
});
});
describe('ngWrap', function() {
it('should successfuly be defined', function() {
expect(ngWrap).toBeDefined();
});
it('should have a wrapper method', function() {
expect(ngWrap.wrapper).toBeDefined();
});
});
it('should have ngWrapProvider.wrapper & ngWrap.wrapper point to the same function', function() {
expect(ngWrapProvider.wrapper).toEqual(ngWrap.wrapper);
});
describe('wrapper method', function() {
it('should throw an error when window.property is undefined', function() {
expect(function() { ngWrapProvider.wrapper('_'); }).toThrow();
expect(function() { ngWrap.wrapper('_'); }).toThrow();
});
});
});
我对测试比较陌生,所以我可能做得都不对。虽然,是的,上面所有的测试规范都通过了,但我正在努力研究如何测试window.property
实际上被转换为角度服务
以下是我迄今为止的尝试:
describe('wrapper method', function() {
...
it('should convert window.property to an angular service', inject(function($injector) {
window._ = mocks.windowProperty;
ngWrapProvider.wrapper('_');
$injector.invoke(ngWrapProvider);
expect(angular.injector().has('_')).toBeTruthy();
}));
});
以上给出的误差为:
错误:[ng:areq]参数“fn”不是函数,获取了ngWrapProvider
如果我试图完全删除带有$injector的行,那么expect(angular.injector().has(“”)).toBeTruthy()代码>始终返回false
我是从中了解到$injector的整个概念的,所以这就是我解决问题的方法,$injector.invoke
需要一个函数作为参数,所以我所做的是包装ngWrapProvider.wrapper(“')在函数内编写>代码,然后使该函数成为$injector.invoke
的参数
然后,我创建了一个it
语句,它在其中接受/注入新的
服务。如果它被定义并等同于我的mock窗口.
那么我可以说服务确实被创建了,并且在全局范围内引用了正确的对象
下面是我使用的实际代码
describe('wrapper method', function() {
...
describe('with window.property', function() {
beforeEach(inject(function($injector) {
window._ = mocks.windowProperty;
$injector.invoke(function () {
ngWrapProvider.wrapper('_');
});
}));
it('should expose window.property as an angular service', inject(function(_) {
expect(_).toBeDefined();
expect(_).toEqual(mocks.windowProperty);
}));
...
});
});