小白入门 Jest，一篇就够了！
随着前端开发的快速发展，测试成为了不可或缺的一部分。测试能够提高代码质量，减少 Bugs，以及提高代码的可维护性。针对 JavaScript 的测试框架有很多，其中最流行的就是 Jest。Jest 是由 Facebook 开发的一个强大的 JavaScript 测试框架。在本文中，我们将带你轻松入门 Jest，无需任何测试经验，让你快速上手 Jest 测试框架。
安装 Jest
首先，我们需要在我们的项目中安装 Jest。我们可以使用 npm 来安装 Jest，如下所示：
--- ------- ---------- ----
安装完 Jest 之后，我们就可以开始写测试代码了！
编写测试代码
我们来看一个例子。
在这个例子中，我们将要测试一个加法函数，它有两个参数：a 和 b。我们的测试代码将会测试这个函数的输出是否符合预期。
首先，我们需要创建一个 test.js 文件。然后在这个文件中写下如下代码：
-------- ------ -- - ------ - - -- - ---------- - - - -- ----- --- -- -- - ------------- ------------ ---
在这段代码中，我们首先定义了一个名为 sum 的函数。接着，我们使用 Jest 的 test 函数来定义一个测试用例。test 函数接受两个参数，一个是字符串，用于测试的描述信息，另一个是一个函数，函数内会写测试代码。在这个例子中，我们使用 expect 函数对 sum 函数的输出进行断言。我们期望 sum(1, 2) 的输出应该是 3。
这段代码看上去非常简单，但实际上包含了很多信息。下面我们来解释一下。
expect 函数
expect 函数是 Jest 中最重要的函数之一。它用于断言测试结果是否符合预期。在上面的例子中，我们使用了 toBe 函数来断言 sum 函数的输出是否等于 3。toBe 函数是 Jest 中的一个匹配器，它用于比较两个值是否相等。如果两个值相等，那么测试用例将会通过。如果不相等，那么测试用例将会失败。
可以在 Jest 文档中查看所有匹配器的列表。
describe 函数
describe 函数用于创建一个测试组。一个测试组中可以包含多个测试用例。例如，在下面的代码中，我们创建了一个名为 sum 的测试组，并在该组内定义了一个测试用例。
--------------- -- -- -
---------- - - - -- ----- --- -- -- -
------------- ------------
---
---在编写大型测试用例时，通常需要将测试用例分组，方便管理和维护。describe 函数就是用来解决这个问题的。它可以帮助我们更好地组织测试代码，使得测试用例更加清晰明了。
beforeEach 函数
beforeEach 函数用于在每个测试用例执行前执行一些预处理工作。例如，在下面的代码中，我们可以在每个测试用例执行前初始化一个变量：
--- ----- - -- ------------- -- - ----- - -- --- ----------- ------ -- --- -- -- - ----- -- -- ---------------------- --- ----------- ------ -- --- -- -- - ----- -- -- ---------------------- ---
在这段代码中，我们定义了一个名为 count 的变量，并在 beforeEach 函数中将其初始化为 0。在每个测试用例执行前，我们都会执行 beforeEach 函数，以确保 count 的值是 0。然后，我们分别执行两个测试用例，每个测试用例都会修改变量 count。但由于在每个测试用例执行前，count 始终被初始化为 0，因此两个测试用例的结果是独立的。
更多函数
除了上述函数外，Jest 还包含了很多其他的测试函数。例如，我们可以使用 spyOn 函数来测试一个函数是否被正确调用，可以使用 mock 函数来模拟一个函数的输出等等。在编写测试用例时，我们可以根据需要选择不同的函数，以确保我们的代码符合预期。
运行测试用例
在编写完测试代码之后，我们需要运行测试用例，以确保我们的代码可以正常工作。在 package.json 文件中，我们可以添加如下代码，来指定要运行的测试文件：
-
---------- -
------- ------
-
-然后运行如下命令即可运行测试用例：
--- --- ----
Jest 将会自动扫描所有的测试文件，并且执行其中的所有测试用例。测试完成后，Jest 会输出测试结果，告诉我们测试是否通过、失败的原因以及执行时间等信息。
结论
Jest 是一个非常简单易用的 JavaScript 测试框架。它提供了强大的断言和匹配器，可以帮助我们编写出高质量的测试用例。本文中，我们介绍了 Jest 的基本用法，并提供了一些示例代码，让你更好地了解 Jest。希望这篇文章能够对你有所帮助，让你更好地掌握 Jest。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/670de6695f551281025eef5b