前言
测试是前端开发中非常重要的一个环节，它可以帮助我们减少代码中的 bug，提高代码的质量和可维护性。而 Jest 是一款易于使用且功能强大的 JavaScript 测试框架，它可以帮助我们进行前端应用的测试。
Jest 简介
Jest 是由 Facebook 开发的一款基于 Jasmine 的测试框架，它具有以下特点：
- 零配置：Jest 可以自动运行测试，无需任何配置。
- 快速响应：Jest 有内置的测试执行器，使得测试可以高效运行。
- 全面支持：Jest 具有完整的覆盖率报告、快照测试、模拟器和异步测试等功能。
- 易于使用：Jest 的 API 简单易用，可以使得开发者更轻松地编写测试用例。
Jest 的基本使用
安装 Jest
我们可以使用 npm 来安装 Jest：
npm install --save-dev jest
配置 Jest
在项目中使用 Jest 有两种方式：
- 在 package.json 中添加 Jest 配置。
-- -------------------- ---- -------
-
------- -------------
---------- -
------- ------
--
------------------ -
------- ---------
-
-- 单独创建一个 jest.config.js 文件。
module.exports = {
testEnvironment: 'jsdom',
// ... 还有很多配置可以在这里配置
};编写测试用例
接下来，我们可以编写我们的第一个测试用例。在项目中创建一个 calculator.js 文件：
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}在同一个目录下创建一个 calculator.test.js 文件：
-- -------------------- ---- ------- ------ - ---- -------- - ---- ------------------ ----------- -- -- - ------------- ------------ --- ---------------- -- -- - ------------------ ------------ ---
在控制台运行测试：npm test。
如果一切正常，我们应该可以看到测试通过了。
Jest 中的断言
在 Jest 中，我们可以使用一组内置的断言函数来测试我们的代码。
expect()：用于定义要测试的值。.toBe()：用于判断结果是否等于预期结果。.toEqual()：用于判断结果是否等于预期结果，但是会递归的比较对象和数组的每一个字段。.toThrow()：用于判断一个函数是否抛出了预期的错误。
下面是一些例子：
// 等于预期值
expect(3 + 3).toBe(6);
// 不等于预期值
expect(() => { throw new Error() }).toThrow();
// 包含预期值
expect([1,2,3]).toContain(2);Jest 中的测试命令
我们可以在 package.json 中定义 Jest 的测试命令：
-- -------------------- ---- -------
-
------- -------------
---------- -
------- -------
------------- ----- ---------
---------------- ----- -----------
--
------------------ -
------- ---------
-
-test:watch：监视文件变化并重新运行测试，便于在开发过程中调试代码。test:coverage：生成代码覆盖率报告。
总结
本文介绍了 Jest 的基础知识，包括了安装和配置 Jest，编写测试用例以及使用断言函数等功能。希望通过本文的学习，开发者可以更加熟练地运用 Jest 进行 Web 应用测试。
示例代码：https://github.com/Liaoworking/jest-demo。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646b4744968c7c53b0aa7925
