前端自动化测试框架Jest介绍和使用_npm jest,2024年最新软件测试者升职加薪的8项技能
2301_79057936 2024-07-15 08:33:01 阅读 92
先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新软件测试全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上软件测试知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024b (备注软件测试)
正文
速度快(可以自动监测修改过的代码,不会重复测试)API 简单、数量少易配置隔离性好监控模式IDE 整合(比如vs code)Snapshot(快照测试)多项目并行覆盖率Mock 丰富对新技术支持度好
使用Jest修改自动化测试样例
在上面的部分,我们自己写了一些测试代码对 Math 库进行了测试,现在我们要使用 Jest 对 Math 进行重新测试。
首先打开编辑器,进入到控制台(为了避免不必要的麻烦,建议大家跟我一样使用vs code)。
第1步:初始化npm环境
npm init
在执行命令的时候会遇到一些选项或者问题,无脑按回车即可,如果看到目录下出现了一个 package.json 文件,那么这就是一个标准的 npm 包了。
第2步:安装依赖
npm install jest -D
注:-D 是 --save -dev 的缩写。
如果看到 Jest 出现在了 package.json 文件中,并且目录中出现了 node_modules 文件夹,就说明安装成功了。
第3步:修改之前的代码
首先删除之前写的 test 方法 和 expect 方法 的实现过程,因为 Jest 自带了这两个方法,我们不需要手动实现。然后采用模块化的标准,将 math.js 中的方法导出:
// math.js
function add(a, b) {
return a + b;
}
function minus(a, b) {
return a - b;
}
function multi(a, b) {
return a * b;
}
module.exports = { add, minus, multi };
然后在 math.test.js 文件中引入这几个方法:
// math.test.js
const { add, minus, multi } = require(“./math”);
test(“测试加法 3 + 3”, () => {
expect(add(3, 3)).toBe(6);
});
test(“测试减法 3 - 3”, () => {
expect(minus(3, 3)).toBe(0);
});
test(“测试乘法 3 * 3”, () => {
expect(multi(3, 3)).toBe(9);
});
第4步:配置 package.json 文件
将如下代码添加到 package.json 中:
“scripts”: {
“test”: “jest”
},
第5步:执行测试代码
完成配置之后,运行 yarn test 或者 npm run test ,控制台将输出如下信息:
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注软件测试)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-rZbEpVgI-1713199447665)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。