我有一个 Vue 组件modal
,onClose
它的父级传递了 prop。单击ok
按钮时,onClose
将触发该方法。代码如下:
Vue.component('modal', {
template: '#modal-template',
props: {
onClose: {
type: Function
}
},
methods: {
ok() {
this.onClose();
}
}
})
// start app
new Vue({
el: '#app',
methods: {
close() {
alert('close')
}
}
})
<script src="https://npmcdn.com/vue@1.0.26/dist/vue.min.js"></script>
<script type="x/template" id="modal-template">
<div class="modal-mask">
<button @click='ok()'> OK </button>
</div>
</script>
<div id="app">
<modal :on-close="close" ></modal>
</div>
我认为组件的单元测试应该modal
定义方法,所以测试应该如下:spy
close
let vm = new Vue({
template: '<div><modal v-ref:test-component :on-close="close"></modal></div>',
methods: {
close: sinon.spy()
},
components: { ConfirmModal }
}).$mount()
const modal = vm.$refs.testComponent
modal.ok()
expect(vm.close).have.been.called()
测试失败并出现错误:TypeError: [Function] is not a spy or a call to a spy!