ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-01-13 21:02:12  阅读:355  来源: 互联网

标签:教程 git 命令行 jest 前端 watchAll 测试


在这里插入图片描述

准备条件

以第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在这里插入图片描述

前端Jsoning 发布了14 篇原创文章 · 获赞 5 · 访问量 1万+ 私信 关注

标签:教程,git,命令行,jest,前端,watchAll,测试
来源: https://blog.csdn.net/Jsoning/article/details/103964246

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有