angularjs – 依赖注入不在angular / browserify / karma / jasm

发布时间：2020-12-17 17:13:54 所属栏目：安全来源：网络整理

导读：我将Browserify与Angular结合使用,并使用Karma和Jasmine进行测试.我正在尝试测试使用$http的工厂函数.这是工厂的看法： module.exports = function($http) { var messageFactory = {}; messageFactory.fetchAll = function(url) { $http.get(url).success(fu

我将Browserify与Angular结合使用,并使用Karma和Jasmine进行测试.我正在尝试测试使用$http的工厂函数.这是工厂的看法：

module.exports = function($http) {
  var messageFactory = {};
  messageFactory.fetchAll = function(url) {
    $http.get(url).success(function() {
      console.log('success');
    });
  }

  return messageFactory
}

这是测试：

var angular = require('angular');
var messageFactoryModule = require('./message.factory.js');
require('angular-mocks');


describe('Factory: Message',function() {
  var messageFactory;
  var $httpBackend;
  var url;

  beforeEach(inject(function(_$httpBackend_) {
    $httpBackend = _$httpBackend_;
    messageFactory = new messageFactoryModule();
    url = 'http://example.com';
  }));

  describe('when fetch is called',function() {
    it('should fetch messages from the database',function() {
      $httpBackend.expectGET(url)
        .respond({});

      messageFactory.fetchAll(url);

      $httpBackend.flush();
    });    
  });
});

当我运行测试时,出现错误,因为$http未在工厂中定义

TypeError: Cannot read property 'get' of undefined

当我尝试注入其他服务(如$filter)并查看它是否已定义时,我同样会遇到错误.当我在Angular应用程序中实际运行Message.fetchAll时,一切正常.显然我的测试设置有问题,我无法弄清楚是什么.

谢谢

解决方法

我将我的beforeEach块更改为：

beforeEach(inject(function(_$httpBackend_,$http) {
    $httpBackend = _$httpBackend_;
    messageFactory = new messageFactoryModule($http);
    url = 'http://example.com';
  }));

变化是我现在将$http传递给模块.仍然不是100％确定这是正确的,但一切似乎都按预期工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!