[手写 Umi]为 konos-core 集成 vitest

随着项目复杂度增加,原有的手动测试方式不再可靠。本文选择vitest作为单元测试工具,详细介绍了如何配置和使用vitest,包括环境搭建、编写测试用例、执行测试以及解决在加载TS文件时遇到的问题。通过测试驱动开发,确保代码行为符合预期。
摘要由CSDN通过智能技术生成

之前几个文章,我们的测试方式都是通过人工运行 version 命令,看看控制台是否正确打印版本号,来实现的。这种方式在我们的项目越来越复杂之后,就会变得越来越不可靠。因此引入测试方案,来保证我们的每一次修改都不会造成意外的破坏。

技术选型

vitest

先说结论,我们将使用 vitest 来运行我们的单元测试用例,最大的原因是配置简单并且运行速度快。

关于什么是 vitest,测试用例怎么写,怎么测试 React 组件等内容,后续我再写文章说明。

搭建 vitest 环境

相比起 jest 需要的做的事情,搭建 vitest 环境真的是相当的无脑且轻松(也可能是我没用 jest 搞过这么简单的例子)。

pnpm i vite vitest 

修改 package.json

 "scripts": {"build": "father build","dev": "father dev","version": "node dist/cli version","test": "vitest run","test:watch": "vitest"}, 

编写测试用例

新建文件 src/service.test.ts,编写如下测试用例:

import { descri
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值