6、Vue 项目测试与 Marvel 探索应用开发

Vue 项目测试与 Marvel 探索应用开发

一、Vue 项目测试基础

在 Vue 项目测试中，我们会用到三个全局测试函数： describe 、 it 和 expect 。为了避免手动导入这些常用函数，我们可以进行如下操作：
1. 配置 vite.config.ts ：打开 vite.config.ts 文件，在 test 属性下添加 globals: true 。示例代码如下：

export default defineConfig({
  plugins: [vue()],
  test: {
    globals: true,
    environment: "jsdom",
  }
})

2. 安装类型定义 ：在 CLI 中运行 npm i --save-dev @types/jest 安装所需类型。
3. 更新 tsconfig.vitest.json ：在 types 中添加 "node" 、 "jsdom" 和 "jest"