我怎么能用sinon在Vue监视或模拟方法？

Question

我正试图为我的应用程序创建一个基于Vue和vue-cli的webpack模板的单元测试。

我读过Vue文档，vue-加载程序，vue-cli和vue-模板/webpack(更多！)当我试图为我的组件进行单元测试时，我使用以下方法。

const Constructor = Vue.extend(MovieList)
vm = new Constructor({
    propsData: {
        criteria
    },
    methods: {
        fetch: sandbox.spy()
    }
}).$mount()

并测试这个：

expect(vm.fetch).to.be.called

但我知道这个错误：

✗应该被称为fetch TypeError：{ _length: 0}不是间谍或调用间谍！在(/home/jmanuelrosa/Developer/personales/vue-course/movues/node_modules/sinon-chai/lib/sinon-chai.js:43:19)的assertCanWorkWith上断言。(/home/jmanuelrosa/Developer/personales/vue-course/movues/node_modules/sinon-chai/lib/sinon-chai.js:70:13) at Assertion.addProperty (/home/jmanuelrosa/Developer/personales/vue-course/movues/node_modules/chai/chai.js:4240:29) at Context。(webpack:///test/unit/specs/MovieList.spec.js:74:39 <- index.js:14910:39)

Answer 1

他从未与西农共事过，但医生说：

sinon.spy(vm, "fetch");
expect(vm.fetch).toHaveBeenCalled();

http://sinonjs.org/releases/v2.1.0/spies/

您是否在调用已创建的组件的fetch？有时需要手动触发方法。