上一篇: angularjs – Angular：一次多个... 下一篇:angularjs – 如何动态地将自定义...

单元测试 – AngularJS – 具有值依赖注入的单元测试服务

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了单元测试 – AngularJS – 具有值依赖注入的单元测试服务，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_696_1@

我目前正在试验AngularJs.我创建了一个简单的服务,它是从一些远程数据初始化的. url作为应用程序值传递.

//App declaration
angular.module('myApp',['myApp.services']).value('someUrl','http://www.example.com');

//service declaration
angular.module('myApp.services',['someUrl']).factory('Myservice',function(someUrl) {
    var data;
    "Do stuff"  
    return data;
});

现在,我正在尝试对此进行单元测试,但我无法正确设置“someUrl”参数.我尝试过这样的事情,没有成功：

angular.module('myApp','test/test.json');

describe('services',function() {
    beforeEach(module('myApp.services'));

    describe('Myservice',function() {
        it('should return {success: truE}',inject(function() {
            expect(data).toEqual({success: truE});
        }));
    });
});

但是,我总是收到“No module：someUrl”错误.在单元测试期间初始化app值的正确语法是什么？

解决方法

您将值设置为“myApp”模块并正在测试“myApp.services”模块.您应该将模块(‘myApp.services’)更改为模块(‘myApp’).

无论如何,有一个更好的方法.您可以使用模拟模块注入$provide,以便您可以覆盖任何依赖项.

这是您的规格看起来像：

describe('services',function() {
  // here we load the module myApp and load an additional one that
  // allows you to override your dependency
  beforeEach(module('myApp',function($providE) {
    $provide.value('someUrl','test/test.json');
  }));

  describe('Myservice',function() {
    it('should return {success: truE}',inject(function() {
        expect(data).toEqual({success: truE});
    }));
  });
});