如何在Ember控制器中测试. observers()方法

How to test .observes() in an Ember controller?

本文关键字：observers 方法 测试 Ember 控制器      更新时间：2023-09-26

如何测试一个观察Ember控制器属性的函数?

如何做到这一点，当观察方法是异步的(不立即返回)?

控制器:

var FooController = Ember.Controller.extend({
    bar: 1,
    baz: null,
    barObserver: function() {
        var req = ic.ajax.raw({
            method: 'POST',
            url: '/api/bar',
            data: { bar: bar },
        });
        return req.then(function resolve(result) {
            this.set('baz', result.response.baz);
        });
    }.observes('bar'),
});
单元测试:

test('barObserver', function() {
    var ctrl = this.subject();
    equal(ctrl.get('baz'), null, 'baz initially null');
    Ember.$.mockjax({
        url: '/api/bar',
        'type': 'POST',
        dataType: 'json',
        response: function() {
            this.responseText = { baz: 'something' };
        },
    });
    ctrl.set('bar', 2);
    //wait for barObserver's promise (from ic.ajax.raw) to return
    equal(ctrl.get('baz'), 'something', 'baz set to returned value');
});

您也可以使用ic-ajax来定义模拟响应。此外，您可以停止和开始测试像这样的异步问题。

test('barObserver', function() {
  var ctrl = FooController.createWithMixins(); // I was to lazy to set up ember qunit
  equal(ctrl.get('baz'), null, 'baz initially null');
  ic.ajax.defineFixture('/api/bar', {
    response: { baz: 'something' },
    jqXHR: {},
    textStatus: 'success'
  });
  ctrl.set('bar', 2);
  // allow everything else to run (skip a beat)
  // and then continue testing (essentially allowing ic-ajax to resolve)
  stop();
  Em.run.next(function(){ 
    start();
    equal(ctrl.get('baz'), 'something', 'baz set to returned value');
  });
});

伪示例:http://jsbin.com/OxIDiVU/853/edit

相关文章：