vitest第一章(初始vitest)

简介: 从官网介绍说这是一个单元测试框架,大家听到有测试两个字觉得这个是测试同学写的东西,其实这个东西是帮助我们开发去测试代码。

从三个角度分析vitest 他能做什么? 为什么要使用他? 使用它的优势是什么?


vitest官网cn.vitest.dev/


1.vitest能做什么


从官网介绍说这是一个单元测试框架,大家听到有测试两个字觉得这个是测试同学写的东西,其实这个东西是帮助我们开发去测试代码。


例如我们在平时开发中所写的一段代码,或者一个函数,一个组件,我们为了确保所写的函数以及组件所预期的结果和我们开发者所期望的一样,我们会进行代码测试,可以手动模拟一些数据去测试,现在有了单元测试框架可以更友好的帮助我们去测试这些函数以及组件。


max([1,2,3,4]).toBe(4)
复制代码


例如上面这一段代码我们有一个函数max寻找最大值 期望的值是4,执行完返回4便符合我们的预期,如果返回其他值便不符合我们的预期,这种例子就可以使用单元测试完成。


2.为什么要使用vitest


大部分的开源库,都会使用一款单元测试工具,去测试所编写的逻辑以及代码,符合预期,以及测试各种边缘情况都满足,才会选择发布该库。


例如Vue react等都使用了单元测试框架


0b292a5afcb19fb65767478453972adf.png


第二个原因就是如果你从A公司换到B公司,B公司做了单元测试,你便可以运行该脚本,从而观察输入输出,更快理解业务逻辑,防止屎山代码。


3.vitest的优势是什么


单元测试框架有很多,老牌jest框架相信大部分同学都是用过jest,vitest和jest方法大致相同,迁移起来也是很快,那vitest的优势是什么


我觉得第一点 vitest天然支持ts 配置过jest 支持 ts的同学会有感觉, 第二点 类似于rust的源码内联测试, 第三点 支持测试vue react 等组件, 第四点 智能热更新HMR, 第五点 多线程并发运行。

目录
相关文章
|
9月前
|
程序员 Linux Shell
程序员必知:初始Mkaefile
程序员必知:初始Mkaefile
35 0
|
9月前
|
图形学
【unity实战】基于权重的随机事件(附项目源码)
【unity实战】基于权重的随机事件(附项目源码)
67 0
|
10月前
|
自然语言处理 算法 C语言
第一章 C语言知识补充
第一章 C语言知识补充
40 0
|
小程序 JavaScript 前端开发
小程序初始面试题(day06)
小程序初始面试题(day06)
174 0
初始项目——快速入手之感
自从两个月之前加入市委组织部考核项目,小编的经历、成长、感受、经验,愿与读者共享。
|
设计模式 前端开发
第47/90步《前端篇》第10章 重构页面对象和分界线的绘制 第28课
今天学习《前端篇》第10章 重构页面对象和分界线的绘制 第28课 设计模式重构三:工厂方法模式和抽象工厂模式
82 0
第47/90步《前端篇》第10章 重构页面对象和分界线的绘制 第28课
|
Kubernetes pouch 开发者
K8S 初识_ K8S 初始总结 | 学习笔记
快速学习 K8S 初识_ K8S 初始总结
134 1
K8S 初识_ K8S 初始总结 | 学习笔记
|
移动开发 缓存 JavaScript
第04/90步《前端篇》第1章创建第一个小游戏项目第1课
今天学习《前端篇》第1章创建第一个小游戏项目的第1课,创建第一个微信小游戏项目。接下来用2课的时间了解一下如何在微信开发者工具中创建和开发一个小游戏项目,这部分内容方便初学者快速建立对微信小游戏开发的感官认知,也适合非开发人员作为拓展了解的内容使用。
106 0
|
移动开发 缓存 前端开发
第05/90步《前端篇》第1章创建第一个小游戏项目第2课
今天学习《前端篇》第1章创建第一个小游戏项目的第2课,了解微信小游戏是如何运行的。学完这一课,下一课就可以进入HTML5实战环节了。
118 0
|
设计模式 前端开发 JavaScript
第48/90步《前端篇》第10章 重构页面对象和分界线的绘制 第29课
今天学习《前端篇》第10章 重构页面对象和分界线的绘制 第29课 设计模式重构四:建造者模式、命令模式和原型模式
103 0

相关实验场景

更多