vue中jest单元测试使用功能初探

安装jest

在使用脚手架创建vue项目的时候,我们可以选择使用jest单元测试

  1. 勾选使用单元测试
    在这里插入图片描述
    2.目录中会生成 example.spec.js 文件,也就是jest单元测试的文件

在这里插入图片描述

使用实例

这里循环出来了三个a标签

在这里插入图片描述
下面在jest单元测试中进行测试

在这里插入图片描述
如图这里是在jest配置文件中,这段单元测试的代码意思是找到a标签,看它是否有三个
使用 yarn jest 命令进行启动单元测试
在这里插入图片描述
如图所示运行的测试结果没有问题

我现在把a标签删除再来测试

在这里插入图片描述
可以看到测试不通过,并且反馈了比较详细直观的错误提示

今天给大家介绍了jest单元测试简单的功能使用方法,后面还会给大家继续带来相关的内容

猜你喜欢

转载自blog.csdn.net/weixin_45745641/article/details/125805327