Vue.js Vueコンポーネントのユニットテストを書いてみよう ref: http://qiita.com/potato4d/items/8215941b84c11b845886

Greeting.spec.js

import Vue from 'vue'
import Greeting from 'src/components/Greeting.vue'

function getInstance (Component, propsData) {
  const Ctor = Vue.extend(Component)
  const vm = new Ctor({ propsData }).$mount()
  return vm
}

describe('Greeting.vue', () => {
  it('<p> tag content equal props data `person`', () => {
    const instance = getInstance(Greeting, {person: 'john'});

    expect(instance.$el.querySelector("p").textContent)
    .to.equal('Hello, john.')
  })
})

Greeting.vue

<template lang="html">
  <div>
  </div>
</template>

greeting.vue

<template>
  <div>
+++    <p>Hello, {{ person }}.</p>
  </div>
</template>

+++ <script>
+++ export default {
+++   props: ["person"]
+++ }
+++ </script>

terminal

$ npm run test

.
.
.
  Greeting.vue
    ✓ <p> tag content equal props data `person`

TOTAL: 2 SUCCESS

=============================== Coverage summary ===============================
Statements   : 100% ( 11/11 )
Branches     : 100% ( 4/4 ), 1 ignored
Functions    : 100% ( 2/2 )
Lines        : 100% ( 5/5 )
================================================================================

$