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

安装jest

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

  1. 勾选使用单元测试
    vue中jest单元测试使用功能初探_第1张图片
    2.目录中会生成 example.spec.js 文件,也就是jest单元测试的文件

vue中jest单元测试使用功能初探_第2张图片

使用实例

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

vue中jest单元测试使用功能初探_第3张图片
下面在jest单元测试中进行测试

vue中jest单元测试使用功能初探_第4张图片
如图这里是在jest配置文件中,这段单元测试的代码意思是找到a标签,看它是否有三个
使用 yarn jest 命令进行启动单元测试
vue中jest单元测试使用功能初探_第5张图片
如图所示运行的测试结果没有问题

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

vue中jest单元测试使用功能初探_第6张图片
可以看到测试不通过,并且反馈了比较详细直观的错误提示

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

你可能感兴趣的:(Vue,单元测试,vue.js)