Jest で Nuxt.js の Vue コンポーネントをテストする

<label>
  <input type="text" :value="name" @input="$emit('input', $event.target.value)">
</label>

import { Component, Prop, Vue } from 'vue-property-decorator'
@Component()
export default class MyInput extends Vue {
  @Prop({ default: '' }) name: string
}

import MyInput from '@/components/MyInput.vue'
import { shallowMount } from '@vue/test-utils'

describe('MyInput.vue', () => {
  it('props の確認', () => {
    const wrapper = shallowMount(MyInput, {
      propsData: {
        name: 'shts'
      },
    })
    expect(wrapper.props().name).toMatch('shts')
  })
  it('emit の確認', () => {
    const w = shallowMount(MyInput)
    w.find('input').setValue('shts')
    expect(w.emitted().input).toBeTruthy()
    expect(w.emitted().input[0]).toEqual(['shts'])
  })
})