前端自动化测试框架Jest介绍和使用_npm jest，2024年最新软件测试开发面试准备

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新软件测试全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024b （备注软件测试）

正文

使用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 ，控制台将输出如下信息：

假设这个时候，我们把第三个测试用例的结果改成错误值：

// math.test.js

const { add, minus, multi } = require(“./math”);

test(“测试加法 3 + 3”, () => {

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注软件测试）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-76V7xNq1-1713468697102)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！