用茉莉花和淘汰赛嘲笑计算的字段

Question

我想写一个ko.computed字段的测试，该字段依赖于其他两个复杂的计算（在此处进行演示）。

function PositionsViewModel(options) { 
    var self = this; 
    self.computed1 = ko.computed(function() { return 1; }); 
    self.computed2 = ko.computed(function() { return 2; }); 
    self.computedIWantToTest = ko.computed(function() { 
    return self.computed1() + self.computed2(); 
    }); 
} 

在我的茉莉花测试，我在beforeEach创建VM实例，像这样：

this.subject = new PositionsViewModel(); 

我希望能够存根computed1和computed2，这样我可以在隔离测试computedIWantToTest。到目前为止，我的尝试都失败了。

我试过直接在vm实例上存根。但是，似乎即使这些方法以某种方式覆盖了计算缓存函数。

Answer 1

一种方法是注入前两个计算函数。

http://jsfiddle.net/kevincollins/RwKAD/

var PositionsViewModel = function (computedService1, computedService2, options) { 

    this.defaultComputed1 = ko.computed(function() { return 1; }); 
    this.defaultComputed2 = ko.computed(function() { return 2; }); 

    this.computed1 = computedService1 || this.defaultComputed1; 
    this.computed2 = computedService2 || this.defaultComputed2; 

    var self = this; 
    this.computedIWantToTest = ko.computed(function() { 
    return self.computed1() + self.computed2(); 
    }); 

}; 

var vm1 = new PositionsViewModel(); 
ko.applyBindings(vm1, document.getElementById("o1")); 

var ComputedServiceMock1 = ko.computed(function() { return 100; }); 
var ComputedServiceMock2 = ko.computed(function() { return 200; });  

var vm2 = new PositionsViewModel(ComputedServiceMock1, ComputedServiceMock2); 
ko.applyBindings(vm2, document.getElementById("o2"));