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

前端之家收集整理的这篇文章主要介绍了单元测试 – AngularJS – 具有值依赖注入的单元测试服务前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在试验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});
    }));
  });
});

猜你在找的Angularjs相关文章