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
クリックしてトリガする方法については私の答えでここを参照してください – gurghet