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

最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。有需要的小伙伴,可以点击下方卡片领取,无偿分享。
摘要由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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值