前端自动化测试jest教程3-命令行工具

在这里插入图片描述

准备条件

以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章

这节教程主要讲解jest中的中的一些命令行工具,将第1节的代码复制一份,并运行npm run test
效果图:

先把这几个提示的命令,讲解一下


这里几个命令大家自己一定要动手试一下,才能够增加印象
着重讲一下 o 这个命令,需要配个git使用,必须将项目提交到本地仓库中(实际开发中,项目基本都放在git仓库中,所以影响不大),jest通过git来判断哪些文件修改过,添加仓库方法如下:

  • git init 初始化git仓库
  • git add . 将所有文件加入到暂存区
  • git commit -m 'init' 将文件提交到本地仓库

下面这几个是在package.json 中配置的

–watchAll

我们目前使用的是–watchAll,监控所有文件变化
packeage.json文件的script配置

"scripts": {
  "test": "jest --watchAll"
}

–watch

这个和使用–watchAll后按下 o 键,是一样的效果。每次只重新测试修改过后的文件

"scripts": {
  "test": "jest --watch"
}

–init

生成一个jest基础配置文件

–coverage

将测试覆盖率信息输出为报告,会生成测试覆盖率的详细信息
会在项目中生成一个coverage的文件夹,打开其中的index.html 可查看详细信息

以上这几个是比较常用的,在实际项目中掌握这几个就够用了,jest的cli配置文件有很多,但是实际开发中,我们都是配合其他脚手架,实现开箱即用,很多配置我也没使用过,有兴趣的话,可以去官网文档看看 https://jestjs.io/docs/en/cli

这节内容很少,但是最好都自己动手试一下,加深自己的印象和理解
下一节教程将介绍在jest中怎样去测试异步代码

从不相信自己是天才,再简单的事最好自己动手试一下,切勿眼高手低,共勉

本人能力有限,文章可能会有不正确或者不恰当的部分,希望你可以指出

关注公众号,和我一起学习前端必备技能,前端自动化测试jest

关注公众号,和我一起学习前端必备技能,前端自动化测试jest在这里插入图片描述

发布了14 篇原创文章 · 获赞 5 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Jsoning/article/details/103964246