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

1,334 阅读2分钟

准备条件

以第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配置文件有很多,但是实际开发中,我们都是配合其他脚手架,实现开箱即用,很多配置我也没使用过,有兴趣的话,可以去官网文档看看 jestjs.io/docs/en/cli

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

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

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