vitest体验（兼容jest api）
最新回答
纯洁的小黄瓜
2021-07-13 16:57:17
新一代基于vite的单元测试框架vitest由Anthony Fu大佬领衔上线，使用后感受丝滑。
观看前端单元测试视频资料（仅用于学习，禁止商用，如有侵权，请联系删除）。
特性介绍后，开始动手实践（示例基于vite react-ts -> react@17.02）。
安装vitest后，测试代码输出清爽整洁。
代码案例：普通js测试，基于testing-library的dom操作测试组件测试，注意antd-mobile导入形式。
运行测试用例时，遇到报错，解决方案涉及调整vite配置文件，并添加特定配置。
重新运行后，问题解决。
对于项目中接口请求的封装，如统一安排到XxxService.ts中并通过await XxxService.queryXxx()获取数据，使用vitest进行测试。
重点：需提前了解act的作用和使用方式，确保测试代码与React在浏览器中的行为一致。
测试功能点包括但不限于axios mock案例，可通过Vitest Demo (forked) - StackBlitz进行在线参考。
热门标签
