Vue 和 Jest 单元测试组件

我是新来的Vue js，我从单元测试开始Jest。我不知道从哪里开始以及如何开始。我有这段 Vue 代码，我想使用 Jest 进行测试。任何提示或想法我都会非常感激。 我读到我应该使用浅安装 from Vue 测试实用程序避免组件测试过程中出现麻烦

<template >
  <div class="wrapper">
    <div class="user">
      <span>{{ user.substr(0, 4) }}</span>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    user: {
      type: String,
      required: true
    }
  }
}
</script>

目前我有这样的事情，但我不知道如何继续

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


describe('User', () => {
  it('Should substract four letters', () => {
    const wrapper = shallowMount(User, {
      props: {
        ''
      }
    })
  })
})

你可以阅读vue-测试-utils https://vue-test-utils.vuejs.org官方文档非常清晰且有帮助。另外，要了解如何模拟函数、存根和其他测试内容，请参阅 Jest 文档。

并以你的例子 - 使用propsData代替props（检查上面的文档）并且您应该以一些断言结束每个测试用例（检查期望）：

describe('User', () => {
   it('Should substract four letters', () => {
      const wrapper = shallowMount(User, {
      propsData: {
        user: 'User00000000'
      }
    })
   // check that span element has correct substring
   expect(wrapper.find(".user span").text()).toBe('User');
  })
})