vue jest单元测试Demo

以下是一个Vue.js项目中使用Jest进行单元测试的示例：

首先，确保你已经安装了Vue CLI和Jest。然后，按照以下步骤进行操作：

1. 在项目根目录下创建一个名为`tests`的文件夹。
2. 在`tests`文件夹中创建一个名为`example.spec.js`的文件。
3. 在`example.spec.js`文件中编写你的测试代码，例如：

import { mount } from '@vue/test-utils'
import ExampleComponent from '@/components/ExampleComponent.vue'

describe('ExampleComponent', () => {
  it('renders the correct message', () => {
    const wrapper = mount(ExampleComponent)
    expect(wrapper.text()).toContain('Hello, World!')
  })
})

在上面的示例中，我们首先导入了`mount`函数和要测试的组件`ExampleComponent`。然后，我们使用`describe`函数来定义一个测试套件，它包含一个或多个测试用例。在这个测试套件中，我们使用`it`函数来定义一个测试用例，它断言组件渲染的文本是否包含了预期的消息。

4. 运行测试命令，例如`npm run test`，Jest将会执行你的测试代码并输出结果。

请注意，上述示例中的路径`@/components/ExampleComponent.vue`是根据你的项目结构和组件位置而定的，你需要根据实际情况进行调整。