Jest 是一个流行的 JavaScript 测试框架，它旨在提供一个功能强大、简单易用的测试体验。它包含了单元测试、集成测试和端到端测试，但最常用的还是单元测试。在 Jest 中，您可以通过编写代码来验证函数是否产生预期的输出，并确保已达到项目要求的代码质量。在本文中，我们将介绍 Jest 的基础知识，以及如何利用 Jest 的优势进行自动化单元测试。
为什么选择 Jest 测试框架
Jest 具有以下几个主要优点：
轻松配置：Jest 可以轻松配置，而且很容易使用。它内置了无需自己编写的测试执行器，并具有大量插件和工具，可自动运行和报告测试结果。
高效可靠：Jest 在自动化测试方面的性能已经被证明。它具备快速测试速度和精准的测试覆盖率，能够确保您的代码随时处于可用状态。
自定义能力强：Jest 具有强大的定制能力，无论是在测试执行时还是在测试结果呈现方面。您可以轻松地修改 Jest 的配置策略以及检测输出方式。
核心概念
在开始使用 Jest 之前，让我们先了解它的核心概念。
测试用例
在 Jest 中，测试用例是指你需要测试的单元，可以是一个函数、一个组件或者一个类。在 Jest 中，测试用例被称为测试套件。
断言
Jest 断言是你用来验证代码执行结果的语句，比如判断一个变量是否等于某个值。它们是测试用例的核心组成部分，可用于验证您的代码是否按预期工作。
匹配器
在 Jest 中，匹配器是在测试用例中处理、解析断言的工具。匹配器接收断言以及你希望得到的结果，并根据给定的参数返回结果。
快照测试
Jest 还支持快照测试，它可以捕获您的代码的输出，保存为静态文件，并根据这些快照进行后续测试。通过这种方式，您可以确保代码行为的一致性，并避免因不经意间修改了代码而破坏了整个测试用例。
Jest 的使用方法
在让我们开始使用 Jest 之前，请确保你已经安装了 Jest。在终端中，你可以使用下面的命令来安装 Jest。
npm install --save-dev jest
安装完成后，您可以根据 Jest 提供的 cli 工具执行测试：
npx jest [参数]
下面是一个基本的示例：
-- -------------------- ---- ------- -- ------- -------------- - - ---- --- -- -- - - -- ---- --- -- -- - - -- ---- --- -- -- - - -- ---- --- -- -- - - -- - -- ------------ ----- ---- - ----------------- ------------ -- -- - ------------------ ----------- -- ------------ -- -- - ------------------ ----------- -- ------------ -- -- - ------------------ ------------ -- ------------ -- -- - ------------------- ----------- --展开代码
在上面的代码示例中，我们定义了一个包含加法、减法、乘法和除法四种方法的计算器，然后编写了四个测试用例以验证它们的正确性。test()方法定义了一个测试用例，并使用 expect 和 toBe 匹配器进行断言。
在终端中执行：
npx jest calc.test.js
您将看到输出：
-- -------------------- ---- ------- ---- -------------- - ---- -- --- - ---- -- --- - ---- -- --- - ---- -- --- ---- ------- - ------- - ----- ------ - ------- - ----- ---------- - ----- ----- ----- - --- --- ---- -------展开代码
如果你想在每次修改代码后自动执行测试，可以在 package.json 中配置一条 script 脚本，然后使用 npm run 命令启动 Jest：
// package.json { "scripts": { "test": "jest --watchAll" } }
使用 npm run test 命令，Jest 会在每次修改代码后自动执行测试。
结语
本文介绍了 Jest 测试框架的基本知识和使用方法，以及 Jest 的优势。在实际工作中，自动化单元测试能够极大地提高代码质量，进而提高开发效率。我们强烈建议开发者们学习并使用 Jest 进行自动化单元测试，以改进大家的项目和代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c529846e1fc40e36e8204c
