blocks|key|196473|text|我也有同样的问题，只在这个引用了fiddle+example的Google+Group+answer中找到了一个可行的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|196474|测试您的提供程序代码将如下所示(遵循fiddle+example中的代码以及对我有效的代码)：|196475|describe('Test+app.config+provider',+function+()+{

++++var+theConfigProvider;

++++beforeEach(function+()+{
++++++++//+Initialize+the+service+provider+
++++++++//+by+injecting+it+to+a+fake+module's+config+block
++++++++var+fakeModule+=+angular.module('test.app.config',+function+()+{});
++++++++fakeModule.config(+function+(configProvider)+{
++++++++++++theConfigProvider+=+configProvider;
++++++++});
++++++++//+Initialize+test.app+injector
++++++++module('app.config',+'test.app.config');

++++++++//+Kickstart+the+injectors+previously+registered+
++++++++//+with+calls+to+angular.mock.module
++++++++inject(function+()+{});
++++});

++++describe('with+custom+configuration',+function+()+{
++++++++it('tests+the+providers+internal+function',+function+()+{
++++++++++++//+check+sanity
++++++++++++expect(theConfigProvider).not.toBeUndefined();
++++++++++++//+configure+the+provider
++++++++++++theConfigProvider.mode('local');
++++++++++++//+test+an+instance+of+the+provider+for+
++++++++++++//+the+custom+configuration+changes
++++++++++++expect(theConfigProvider.$get().mode).toBe('local');
++++++++});
++++});

});|code-block|syntax|javascript|196476|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/eitanp461/qTvMz/|1|https://groups.google.com/forum/#!topic/angular/D00S1DqE3jM|2^0|G|E|0|V|J|1|0|I|E|2|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]|U|$5|N|O|P|C|$Q|R]]]]

I had this same question and only found a working solution in this <a href="https://groups.google.com/forum/#!topic/angular/D00S1DqE3jM" rel="noreferrer">Google Group answer</a> and it's referenced <a href="http://jsfiddle.net/eitanp461/qTvMz/" rel="noreferrer">fiddle example</a>.

Testing your provider code would look something like this (following the code in the <a href="http://jsfiddle.net/eitanp461/qTvMz/" rel="noreferrer">fiddle example</a> and what worked for me):

<pre class="lang-js prettyprint-override"><code>describe('Test app.config provider', function () {

 var theConfigProvider;

 beforeEach(function () {
 // Initialize the service provider 
 // by injecting it to a fake module's config block
 var fakeModule = angular.module('test.app.config', function () {});
 fakeModule.config( function (configProvider) {
 theConfigProvider = configProvider;
 });
 // Initialize test.app injector
 module('app.config', 'test.app.config');

 // Kickstart the injectors previously registered 
 // with calls to angular.mock.module
 inject(function () {});
 });

 describe('with custom configuration', function () {
 it('tests the providers internal function', function () {
 // check sanity
 expect(theConfigProvider).not.toBeUndefined();
 // configure the provider
 theConfigProvider.mode('local');
 // test an instance of the provider for 
 // the custom configuration changes
 expect(theConfigProvider.$get().mode).toBe('local');
 });
 });

});
</code></pre>

blocks|key|198463|text|我一直在使用@Mark+Gemmill的解决方案，它工作得很好，但后来偶然发现了这个稍微不那么冗长的解决方案，它消除了对假模块的需求。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|198464|https://stackoverflow.com/a/15828369/1798234|offset|length|198465|所以,|198466|var+provider;

beforeEach(module('app.config',+function(theConfigProvider)+{
++++provider+=+theConfigProvider;
}))

it('tests+the+providers+internal+function',+inject(function()+{
++++provider.mode('local')
++++expect(provider.$get().mode).toBe('local');
}));|code-block|syntax|javascript|198467|如果您的提供程序$get方法有依赖项，您可以手动传递它们，|198468|var+provider;

beforeEach(module('app.config',+function(theConfigProvider)+{
++++provider+=+theConfigProvider;
}))

it('tests+the+providers+internal+function',+inject(function(dependency1,+dependency2)+{
++++provider.mode('local')
++++expect(provider.$get(dependency1,+dependency2).mode).toBe('local');
}));|198469|或者使用$injector创建一个新实例。|198470|var+provider;

beforeEach(module('app.config',+function(theConfigProvider)+{
++++provider+=+theConfigProvider;
}))

it('tests+the+providers+internal+function',+inject(function($injector)+{
++++provider.mode('local')
++++var+service+=+$injector.invoke(provider);
++++expect(service.mode).toBe('local');
}));|198471|以上两种方法还允许您为describe块中的每个单独的it语句重新配置提供程序。但是如果你只需要为多个测试配置一次提供者，你可以这样做。|style|CODE|198472|var+service;

beforeEach(module('app.config',+function(theConfigProvider)+{
++++var+provider+=+theConfigProvider;
++++provider.mode('local');
}))

beforeEach(inject(function(theConfig){
++++service+=+theConfig;
}));

it('tests+the+providers+internal+function',+function()+{
++++expect(service.mode).toBe('local');
});

it('tests+something+else+on+service',+function()+{
++++...
});|198473|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0|0|0|0|0|0|0|B|8|R|2|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|F|3|G|5|6|7|1C|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1D|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1E|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1F|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1H|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1I|8|@$D|1J|E|1K|W|X]|$D|1L|E|1M|W|X]]|9|@]|A|$]]|$1|Y|3|Z|5|J|7|1N|8|@]|9|@]|A|$K|L]]|$1|10|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|C]]]]

i've been using @Mark Gemmill's solution and it works well, but then stumbled across this slightly less verbose solution which removes the need for a fake module.

<a href="https://stackoverflow.com/a/15828369/1798234">https://stackoverflow.com/a/15828369/1798234</a>

So,

<pre><code>var provider;

beforeEach(module('app.config', function(theConfigProvider) {
 provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function() {
 provider.mode('local')
 expect(provider.$get().mode).toBe('local');
}));
</code></pre>

 
If your providers $get method has dependencies, you can either pass them in manually,

<pre><code>var provider;

beforeEach(module('app.config', function(theConfigProvider) {
 provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function(dependency1, dependency2) {
 provider.mode('local')
 expect(provider.$get(dependency1, dependency2).mode).toBe('local');
}));
</code></pre>

 
Or use the $injector to create a new instance,

<pre><code>var provider;

beforeEach(module('app.config', function(theConfigProvider) {
 provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function($injector) {
 provider.mode('local')
 var service = $injector.invoke(provider);
 expect(service.mode).toBe('local');
}));
</code></pre>

 
Both of the above would also allow you to reconfigure the provider for each individual <code>it</code> statement in a <code>describe</code> block. But if you only need to configure the provider once for multiple tests, you can do this,

<pre><code>var service;

beforeEach(module('app.config', function(theConfigProvider) {
 var provider = theConfigProvider;
 provider.mode('local');
}))

beforeEach(inject(function(theConfig){
 service = theConfig;
}));

it('tests the providers internal function', function() {
 expect(service.mode).toBe('local');
});

it('tests something else on service', function() {
 ...
});
</code></pre>

blocks|key|2827737|text|下面是一个小帮助器，它正确地封装了抓取提供程序，从而确保了各个测试之间的隔离：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2827738|++/**
+++*+@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
++}|code-block|syntax|javascript|2827739|2827740|获取提供程序的过程是完全封装的:不需要使用闭包变量来减少测试之间的隔离。|unordered-list-item|2827741|该过程可以拆分为两个步骤，一个“模块”步骤和一个“注入”步骤，这两个步骤可以分别与单元测试中对“模块”和“注入”的其他调用一起分组。|2827742|如果不需要拆分，则只需一个命令即可检索提供程序！|2827743|2827744|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|J|7|V|8|@]|9|@]|A|$]]|$1|M|3|N|5|J|7|W|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

here is a little helper that properly encapsulates fetching providers, hence securing isolation between individual tests:

<pre><code> /**
 * @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
 }
</code></pre>

<ul>
<li>the process of fetching the provider is fully encapsulated: no need for closure variables that reduce isolation between tests.</li>
<li>the process can be split in two steps, a 'module' step and an 'inject' step, which can be respectively grouped with other calls to 'module' and 'inject' within a unit test.</li>
<li>if splitting is not required, retrieving a provider can simply be done in a single command!</li>
</ul>

blocks|key|2827764|text|@Stephane+Catala的回答特别有帮助，我用他的providerGetter得到了我想要的东西。能够让提供程序进行初始化，然后让实际的服务验证各种设置是否正常工作，这一点很重要。示例代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2827765|++++angular
++++++++.module('test',+[])
++++++++.provider('info',+info);

++++function+info()+{
++++++++var+nfo+=+'nothing';
++++++++this.setInfo+=+function+setInfo(s)+{+nfo+=+s;+};
++++++++this.$get+=+Info;

++++++++function+Info()+{
++++++++++++return+{+getInfo:+function()+{return+nfo;}+};
++++++++}
++++}|code-block|syntax|javascript|2827766|Jasmine测试规范：|2827767|++++describe("provider+test",+function()+{

++++++++var+infoProvider,+info;

++++++++function+providerGetter(moduleName,+providerName)+{
++++++++++++var+provider;
++++++++++++module(moduleName,+
+++++++++++++++++++++++++[providerName,+function(Provider)+{+provider+=+Provider;+}]);
++++++++++++return+function()+{+inject();+return+provider;+};+//+inject+calls+the+above
++++++++}

++++++++beforeEach(function()+{
++++++++++++infoProvider+=+providerGetter('test',+'infoProvider')();
++++++++});

++++++++it('should+return+nothing+if+not+set',+function()+{
++++++++++++inject(function(_info_)+{+info+=+_info_;+});
++++++++++++expect(info.getInfo()).toEqual('nothing');
++++++++});

++++++++it('should+return+the+info+that+was+set',+function()+{
++++++++++++infoProvider.setInfo('something');
++++++++++++inject(function(_info_)+{+info+=+_info_;+});
++++++++++++expect(info.getInfo()).toEqual('something');
++++++++});

++++});|2827768|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

@Stephane Catala's answer was particularly helpful, and I used his providerGetter to get exactly what I wanted. Being able to get the provider to do initialization and then the actual service to validate that things are working correctly with various settings was important. Example code:

<pre><code> angular
 .module('test', [])
 .provider('info', info);

 function info() {
 var nfo = 'nothing';
 this.setInfo = function setInfo(s) { nfo = s; };
 this.$get = Info;

 function Info() {
 return { getInfo: function() {return nfo;} };
 }
 }
</code></pre>

The Jasmine test spec:

<pre><code> describe("provider test", function() {

 var infoProvider, info;

 function providerGetter(moduleName, providerName) {
 var provider;
 module(moduleName, 
 [providerName, function(Provider) { provider = Provider; }]);
 return function() { inject(); return provider; }; // inject calls the above
 }

 beforeEach(function() {
 infoProvider = providerGetter('test', 'infoProvider')();
 });

 it('should return nothing if not set', function() {
 inject(function(_info_) { info = _info_; });
 expect(info.getInfo()).toEqual('nothing');
 });

 it('should return the info that was set', function() {
 infoProvider.setInfo('something');
 inject(function(_info_) { info = _info_; });
 expect(info.getInfo()).toEqual('something');
 });

 });
</code></pre>

blocks|key|3040589|text|就我个人而言，我使用这项技术来模拟来自外部库的提供者，您可以将其放入所有测试的帮助文件中。当然，它也可以用于自定义提供程序，就像这个问题一样。其想法是在应用程序调用提供程序之前，在其模块中重新定义提供程序|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3040590|describe('app',+function()+{
++beforeEach(module('app.config',+function($provide)+{
++++$provide.provider('config',+function()+{
++++++var+mode+=+jasmine.createSpy('config.mode');

++++++this.mode+=+mode;

++++++this.$get+=+function()+{
++++++++return+{
++++++++++mode:+mode
++++++++};
++++++};
++++});
++}));

++beforeEach(module('app'));

++describe('.config',+function()+{
++++it('should+call+config.mode',+inject(function(config)+{
++++++expect(config.mode).toHaveBeenCalled();
++++}));
++});
});|code-block|syntax|javascript|3040591|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Personally I use this technique to mock providers coming from external libraries, which you could put in a helper file for all your tests. It can also work for a custom provider as in this question of course. The idea is to redefine the provider in his module before it is called by the app

<pre><code>describe('app', function() {
 beforeEach(module('app.config', function($provide) {
 $provide.provider('config', function() {
 var mode = jasmine.createSpy('config.mode');

 this.mode = mode;

 this.$get = function() {
 return {
 mode: mode
 };
 };
 });
 }));

 beforeEach(module('app'));

 describe('.config', function() {
 it('should call config.mode', inject(function(config) {
 expect(config.mode).toHaveBeenCalled();
 }));
 });
});
</code></pre>

blocks|key|199231|text|我只需要测试提供程序上的一些设置是否正确，所以当我通过module()初始化模块时，我使用Angular+DI来配置提供程序。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|199232|在尝试了上面的一些解决方案后，我也遇到了一些供应商没有被找到的问题，因此强调了另一种方法的必要性。|199233|在那之后，我添加了进一步的测试，使用这些设置来检查它们是否反映了新设置值的使用。|199234|describe("Service:+My+Service+Provider",+function+()+{
++++var+myService,
++++++++DEFAULT_SETTING+=+100,
++++++++NEW_DEFAULT_SETTING+=+500;

++++beforeEach(function+()+{

++++++++function+configurationFn(myServiceProvider)+{
++++++++++++/*+In+this+case,+`myServiceProvider.defaultSetting`+is+an+ES5+
+++++++++++++*+property+with+only+a+getter.+I+have+functions+to+explicitly+
+++++++++++++*+set+the+property+values.
+++++++++++++*/
++++++++++++expect(myServiceProvider.defaultSetting).to.equal(DEFAULT_SETTING);

++++++++++++myServiceProvider.setDefaultSetting(NEW_DEFAULT_SETTING);

++++++++++++expect(myServiceProvider.defaultSetting).to.equal(NEW_DEFAULT_SETTING);
++++++++}

++++++++module("app",+[
++++++++++++"app.MyServiceProvider",
++++++++++++configurationFn
++++++++]);

++++++++function+injectionFn(_myService)+{
++++++++++++myService+=+_myService;
++++++++}

++++++++inject(["app.MyService",+injectionFn]);
++++});

++++describe("#getMyDefaultSetting",+function+()+{

++++++++it("should+test+the+new+setting",+function+()+{
++++++++++++var+result+=+myService.getMyDefaultSetting();

+++++++++++++expect(result).to.equal(NEW_DEFAULT_SETTING);
++++++++});

++++});

});|code-block|syntax|javascript|199235|entityMap^0|R|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|V|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

I only needed to test that some settings were being set correctly on the provider, so I used Angular DI to configure the provider when I was initialising the module via <code>module()</code>.

I also had some issues with the provider not being found, after trying some of the above solutions, so that emphasised the need for an alternative approach.

After that, I added further tests that used the settings to check they were reflecting the use of new setting value.

<pre><code>describe("Service: My Service Provider", function () {
 var myService,
 DEFAULT_SETTING = 100,
 NEW_DEFAULT_SETTING = 500;

 beforeEach(function () {

 function configurationFn(myServiceProvider) {
 /* In this case, `myServiceProvider.defaultSetting` is an ES5 
 * property with only a getter. I have functions to explicitly 
 * set the property values.
 */
 expect(myServiceProvider.defaultSetting).to.equal(DEFAULT_SETTING);

 myServiceProvider.setDefaultSetting(NEW_DEFAULT_SETTING);

 expect(myServiceProvider.defaultSetting).to.equal(NEW_DEFAULT_SETTING);
 }

 module("app", [
 "app.MyServiceProvider",
 configurationFn
 ]);

 function injectionFn(_myService) {
 myService = _myService;
 }

 inject(["app.MyService", injectionFn]);
 });

 describe("#getMyDefaultSetting", function () {

 it("should test the new setting", function () {
 var result = myService.getMyDefaultSetting();

 expect(result).to.equal(NEW_DEFAULT_SETTING);
 });

 });

});
</code></pre>

Does anyone have an example of how to unit test a provider?

For example:

config.js

<pre class="lang-js prettyprint-override"><code>angular.module('app.config', [])
 .provider('config', function () {
 var config = {
 mode: 'distributed',
 api: 'path/to/api'
 };

 this.mode = function (type) {
 if (type) {
 config.isDistributedInstance = type === config.mode;
 config.isLocalInstance = !config.isDistributedInstance;
 config.mode = type;
 return this;
 } else {
 return config.mode;
 }
 };

 this.$get = function () {
 return config;
 };
 }]);
</code></pre>

app.js

<pre class="lang-js prettyprint-override"><code>angular.module('app', ['app.config'])
 .config(['configProvider', function (configProvider) {
 configProvider.mode('local');
 }]);
</code></pre>

<code>app.js</code> is using in tests and I see already configured <code>configProvider</code> and I can test it as a service. But how can I test the ability to configure? Or it does not need at all?

How to test AngularJS custom provider

单元测试

有谁有关于如何对提供者进行单元测试的例子吗？例如：config.jsangular.module('app.config', [])  .provider('config', function () {    var config = {          mode: 'distributed',          a...

问如何测试AngularJS自定义提供程序
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何测试AngularJS自定义提供程序EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何测试AngularJS自定义提供程序
EN