2
有沒有例子如何編寫測試用例在vue
? 點擊事件不起作用。vue karma,如何編寫單元測試
在App.vue模板
<template>
<div class="main">
<textarea v-model="input" id="input" rows="3" placeholder="Please entry colors, eg: '#000','#fff' or ['#000', '#fff']"></textarea>
<button type="button" class="btn btn-primary parse" @click="parse">Go!</button>
<ul>
<li v-for="color in colors">
<span v-bind:style="{ background: color}"></span>
{{color}}
<li>
</ul>
因緣測試
describe('App.vue',() => {
it('should render correct color',() => {
const vm = new Vue({
template: "<div><app></app></div>",
components: {
App
}
}).$mount()
console.log(vm.$el)
vm.input = '#333, #444'
vm.$el.querySelector('.btn').click()
expect(vm.$el.querySelector('ul li:eq(0) span').style.background).toBe('#333')
})
})
而且我已經輸出了vm.$el
,它顯示一個如下,缺少v-model
和@click
沒有錯誤,只是期望失敗。我也想知道如何觸發點擊... – Awakening
請參閱我的答案中的'see here',瞭解如何觸發點擊 – gurghet