ember.js 如何在ember-qunit中测试调用Ember.run.debounce的函数？

hwamh0ep 于 2022-11-05 发布在其他

关注(0)|答案(2)|浏览(171)

我想测试的控制器包含以下内容：

filterText: '',
filteredFoos: (Ember.A()),

filterFoosImpl: function() {
    console.log('filterFoos begin' );
    var filterText = this.get('filterText');
    var filteredFoos = this.forEach(function(foo) {
        return (foo.get(name).indexOf(filterText) >= 0);
    });
    this.set('filteredFoos', filteredFoos);
},

filterFoos: function() {
    Ember.run.debounce(this.filterFoosImpl.bind(this), 300);
}.observes('model', 'filterText'),

现在我想写一个test，它Assert当我设置filterText时，filteredFoos被更新。
为了正确地执行此操作，我需要考虑Ember.run.debounce，并在执行Assert之前等待它的出现。

ember.js

来源：https://stackoverflow.com/questions/24731840/how-to-test-function-that-calls-ember-run-debounce-in-ember-qunit

2条答案

按热度按时间

qgzx9mmu1#

我也遇到了这个问题，为了解决debounce，我做了以下操作：

test('it triggers external action on a keyup event', function() {
    expect(1);

    // stub out the debounce method so we can treat this call syncronously
    Ember.run.debounce = function(target, func) {
      func.call(target);
    };

    var component = this.subject();
    var $component = this.append();

    var targetObject = {
      externalAction: function() {
        ok(true, 'external action called');
      }
    };

    component.set('keyUpAction', 'externalAction');

    component.set('targetObject', targetObject);

    $component.keyup();
});

我正在测试的组件如下所示：

export default Ember.TextField.extend({    
  triggerKeyUpAction: function() {
    this.sendAction('keyUpAction', event);
  },

  keyUp: function(/*event*/) {
    Ember.run.debounce(this, this.triggerKeyUpAction, 200);

    if(!this.get('value')){
      return;
    }

    this.set('value', String(this.get('value')).replace(/[^\d\.\,]/g, ''));
  }
});

赞(0）回复(0）举报 2022-11-05

jdgnovmf2#

新增