Vitest + Vue Test Utils + vue3 单

作者: 苏苡 | 来源:发表于2023-05-24 08:20 被阅读0次

下载插件vitest：

使用 npm

npm install -D vitest

使用 yarn

yarn add -D vitest

使用 pnpm

pnpm add -D vitest

下载插件Vue Test Utils：

安装 Jest 和 Vue Test Utils：

npm install--save-dev jsdom jsdom-global

安装 vue-jest 预处理器

npm install--save-dev vue-jest

安装 babel-jest

npm install --save-dev babel-jest

1. 在package.json 直接引入vitest相关配置（test，test:coverage ）

前端自动化测试TDD与单元测试学习记录
https://vue-test-utils.vuejs.org/zh/ TDD (Test Driven Dev...
Vue Test Utils
test VUE中的测试端到端的测试（E2E）黑盒测试从UI界面的角度进行测试 E2E比较少的一般单元测...
重要函数：单元测试
vue官方提供：https://vue-test-utils.vuejs.org/zh/ jest.config....
Vue 单元测试
[toc] Vue 单元测试官网：https://vue-test-utils.vuejs.org/zh 定义：...
测试覆盖率
https://vue-test-utils.vuejs.org/zh/guides/testing-single...
Vue 项目引入单元测试
目前hips采用的单测组合是jest + Vue-Test-Utils，前端单元测试，就是要在项目里加上这两个配置...
在 vue-test-utils 中 mock 全局对象
vue-test-utils 提供了一种 mock 掉 Vue.prototype 的简单方式，不但对...
Vue-Test-Utils + Jest 单元测试入门与实践
Vue-Test-Utils + Jest 单元测试入门与实践创建Vue项目在终端用vue-cli创建一个项目...
vue单元测试集成到现有项目
Vue CLI拥有开箱即用的通过Jest或Mocha进行单元测试的内置选项。还有官方的Vue Test Utils...
如何给Vue3组件库加单元测试
Vue DevUI的单元测试环境是基于Jest和Vue Test Utils的，所以它的步骤如下：首先，安装je...