首页
Python
Java
前端
数据库
Linux
Chatgpt专题
开发者工具箱
vitest专题
vitest-前端单元测试
简介 Vitest 是一个轻量级、快速且功能强大的测试框架,它基于 Vite 提供了一种极速的测试体验。Vitest 尤其适合用于 Vite 项目,但同样可以与其他前端项目(如使用 webpack 构建的项目)集成使用。 安装 npm I vitest -D 为了执行测试,请将以下部分添加到你的 package.json 文件中: 通常会在src目录下常见一个tests目录来存放编写的
阅读更多...
Vue3组件库开发项目实战——02项目搭建(配置Eslint/Prettier/Sass/Tailwind CSS/VitePress/Vitest)
摘要:在现代前端开发中,构建一个高效、可维护且易于协作的开发环境至关重要。特别是在开发Vue3组件库时,我们需要确保代码的质量、一致性和文档的完整性。本文将带你从0搭建vue3组件库开发环境,以下是配置代码规范、格式化、CSS样式工具、文档工具、单元测试技术选型的必要性。 为什么引入ESLint和Prettier ESLint:它是一个代码检查工具,可以帮助我们在编译前就能发现代码中的潜在问题,
阅读更多...
Vitest 单元测试
一、自动化测试(TDD)的一些概念: 自动化测试(TDD)概念: 自动化测试是指 使用独立于待测软件的其他软件或程序来自动执行测试,比较实际结果与预期 并生成测试报告这一过程。在测试流程已经确定后,测试自动化可以自动执行的一些重复性但必要的测试工作。也可以完成手动测试几乎不可能完成的测试。 自动化测试分类: 1. 基于图形用户交互界面测试 基于用户界面(GUI)的测试使用能够产生图形用户
阅读更多...
【vitest 单元测试】如何蹭 ant-design-web3 的PR
这篇文章分享单测经验,希望你能收获到有用的单测知识或者pr思路,填补单测的过程可以深刻理解组件内部的每一个流程,相信一定有所收获。 ant-design-web3 前言查看单测覆盖情况运行命令,本地会生成一份临时目录通过live server打开html即可点开具体文件地址,可以查看文件覆盖的行数 开发场景的经验只执行某个文件的test响应式场景查看dommodal关闭
阅读更多...