我想测试我的组件 Vuejs。 我使用 avoriaz、jsdom、mocha 和 chai。
<template>
<div id="test-event" class="test-event">
<button id="button" v-on:click="plusClick" v-bind:value="click_count">{{click_count + " elements"}}
</button>
</div>
</template>
<script>
export default {
data () {
click_count: 0
},
methods: {
plusClick(event) {
console.log("element = ", this.click_count)
return this.click_count = Number(event.target.value) + Number(1);
},
get_click_count() {
console.log(" => ", this.click_count);
return this.click_count;
},
watch : {
click_count: function(element) {
console.log("element = ", element);
}
}
</script>
我的单元测试
it('render button be called ', function() {
const wrapper = mount(Bar);
expect(wrapper.contains('#test-event')).to.equal(true); //ok
var test_event = wrapper.find('#test-event'); //ok
expect(test_event[0].contains('button')).to.equal(true); //ok
var button_test = test_event[0].find('button')[0]; //ok
button_test.simulate('click'); // element = 0
button_test.simulate('click'); // element = 1
console.log( wrapper.data().click_count ); // 0
console.log( wrapper.methods.get_click_count() ):
// error wrapper.methods.get_click_count() is not a function
console.log( wrapper.methods.get_click_count ): // undefined
button_test.simulate('click'); // element = 3
button_test.simulate('click'); // element = 4
});
我想检索已更新的 click_count 值,但是...我怎样才能捕获该值?
最佳答案
据我所知 Vue.js,我会尝试:
wrapper.get_click_count()
调用真正的方法,
wrapper.$data.click_count
获取值 click_count:
关于javascript - 如何返回在我的 vuejs 组件上更新的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42387263/