测试：

Question

我在使用下划线去抖的服务中有一种方法。

在该方法内部是对不同服务上的方法的调用。我试图测试是否调用了不同的服务。

在我尝试测试debounced方法时，不同的服务＆＃39;方法永远不会被调用，而jasmine失败了：

＆＃34;预期间谍aMethod被召唤。＆＃34;

我知道它被调用的事实（它以chrome格式登录到控制台），它只是在期望已经失败后被调用。

所以...（最好）不添加Sinon或其他依赖关系和给予解决方案的奖励积分*不必将_.debounce转换为$ timeout ......

怎么办？

angular.module('derp', [])
.service('herp', function(){ 
   return {
     aMethod: function(){ 
       console.log('called!'); 
       return 'blown'; 
     }
   }; 
 })
 .service('Whoa', ['herp', function(herp){
   function Whoa(){
     var that = this;
     this.mindStatus = 'meh';
     this.getMind = _.debounce(function(){
       that.mindStatus = herp.aMethod();
     }, 300);
   }
   return Whoa;
 }]);

测试：

describe('Whoa', function(){
  var $injector, whoa, herp;

  beforeEach(function(){
    module('derp');
    inject(function(_$injector_){
      var Whoa;
      $injector = _$injector_;
      Whoa = $injector.get('Whoa');
      herp = $injector.get('herp');
      whoa = new Whoa();
    });
  });

  beforeEach(function(){
    spyOn(herp, 'aMethod').andCallThrough();
  });

  it('has a method getMind, that calls herp.aMethod', function(){
    whoa.getMind();
    expect(herp.aMethod).toHaveBeenCalled();
  });
});

为什么AngularJS测试神会离弃我？

*我不知道如何在stackoverflow上给出实际的奖励积分，但如果有可能，我会。

Answer 1

你只需要模拟lodash debounce方法：

describe('Whoa', function(){
  var $injector, whoa, herp;

  beforeEach(function(){
    module('derp');
    spyOn(_, 'debounce').and.callFake(function(cb) { return function() { cb(); } });
    inject(function(_$injector_){
      var Whoa;
      $injector = _$injector_;
      Whoa = $injector.get('Whoa');
      herp = $injector.get('herp');
      whoa = new Whoa();
    });
  });

  beforeEach(function(){
    spyOn(herp, 'aMethod').andCallThrough();
  });

  it('has a method getMind, that calls herp.aMethod', function(){
    whoa.getMind();
    expect(herp.aMethod).toHaveBeenCalled();
  });
});

Answer 2

Angular $timeout在测试中具有优势，因为它在测试中被模拟为同步。当使用第三方异步工具时，那个将没有这个优势。通常，异步规范看起来像这样：

var maxDelay = 500;

  ...
  it('has a method getMind, that calls herp.aMethod', function (done){
    whoa.getMind();
    setTimeout(function () {
      expect(herp.aMethod).toHaveBeenCalled();
      done();
    }, maxDelay);
  });

由于下划线debounce不提供flush功能（而最新版本的Lodash debounce does），异步测试是最佳选择。

Answer 3

我的反跳函数接受了参数，所以我这样嘲笑_.debounce

spyOn(_, 'debounce').and.callFake(function(cb) {return cb});

（对@Wawy的答案进行了一些修改）

使用Jasmine在AngularJS中测试debounced函数从不调用该函数

测试：

3 个答案: