karma-runner - vue karma，如何编写单元测试

Question

vue有没有写测试用例的例子？ 点击 事件无效。

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>

karma 测试

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

Answer 1

它给你任何错误吗？你使用 PhantomJS 作为浏览器吗？我认为 PhantomJS 不支持点击看这里PhantomJS; click an element