Mocha 测试模拟功能

Question

我正在测试 backbone 具有以下功能的视图：

attachSelect: function(id, route) {
    console.log(id);
    console.log(route);

    this.$(id).select2({
        ajax: {
            url: route,
            dataType: 'json',
            results: function(data) {
                var results = _.map(data, function(item) {
                    return {
                        id: item.id,
                        text: item.title
                    };
                });

                return {
                    results: results
                };
            },
            cache: true
        }
    });
}

我需要重写（模拟）这个函数，看起来像：

attachSelect: function(id, route) {
    console.log(id);
    console.log(route);
}

怎么做？

Answer 1

模拟函数的最简单方法是在运行时替换属性。

你可以提供自己的监控功能（通常称为间谍），虽然这不是最优雅的。看起来像：

var called = false;
var testee = new ViewUnderTest();
var originalAttach = testee.attachSelect; // cache a reference to the original
testee.attachSelect = function () {
  called = true;
  var args = [].concat(arguments); // get an array of arguments
  return originalAttach.apply(testee, args);
};

// Perform your test

expect(called).to.be.true;

如果你有一个像chai, you can use the spies plugin这样的测试断言库，把它减少到：

var testee = new ViewUnderTest();
var spy = chai.spy(testee.attachSelect);
testee.attachSelect = spy;

// Perform your test

expect(spy).to.have.been.called();

使用间谍库将提供一些有用的功能，例如监视调用次数及其参数以验证低级行为。如果您使用的是 Chai 或 Jasmine，我强烈建议您利用相应的间谍支持。

Mocha 测试模拟功能

Mocha tests mocking function

javascript

mocha.js

backbone.js

sinon