【无标题】

<template>
  <div class="bbp">
    <input type="text" v-model="value">
    <button type="submit" @click="check">点击</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '',
      x1: 0,
      x2: 0,
      message: ''
    }
  },
  methods: {
    check () {
      if (this.x1 + this.x2 === parseInt(this.value)) {
        this.message = 'success'
      } else {
        this.message = 'error'
      }
    }
  }
}
</script>

<style>

</style>

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

describe('bbp.vue', () => {
  const wrapper = shallowMount(bbp)
  it('has data', () => {
    wrapper.setData({
      x1: 5,
      x2: 10,
      value: 15
    })
    const button = wrapper.find('button')
    button.trigger('click')
    expect(wrapper.vm.message).toBe('success')
  })
})