在前端开发中，测试是非常重要的环节。Jest 是一款 JavaScript 测试框架，被广泛应用于前端领域。Jest 提供了很多方便实用的特性，其中之一就是以文件夹为单位测试。
什么是以文件夹为单位测试？
以文件夹为单位测试，顾名思义，就是将一个文件夹下的所有测试用例作为一个整体进行测试。这种方法可以确保测试是完整的，避免漏测。
下面我们举个例子。比如说我们有一个源代码文件夹，叫做 src，它包含三个子目录 user、product 和 common。我们想要测试这些子目录中的代码是否正确。我们可以在每个子目录下都新建一个名为 __test__ 的文件夹，并在其中编写对应的测试用例。然后，我们可以使用 Jest 中的 test 和 describe 方法来对整个文件夹进行测试。
----
--- -------
- --- --------
- --- ---------
- --- -------------
--- --------
- --- --------
- --- ---------
- --- -------------
--- -----
--- --------
--- ---------
--- -------------为什么要以文件夹为单位测试？
以文件夹为单位测试有几个好处：
- 代码量更大，测试更完整。因为文件夹通常包含着整个模块的所有代码，以文件夹为单位进行测试能够确保所有代码都被测试到，从而提高测试的完整性。
- 方便模块化测试。文件夹可以看作模块的实现，以文件夹为单位进行测试能够方便的进行模块化测试。
- 可重用和易维护。当需要修改或重新调整代码结构时，我们不必修改测试代码，因为测试代码和源代码是独立的，只需要更新对应的测试用例即可。
如何以文件夹为单位进行测试
首先，我们需要在每个需要测试的文件夹下新建一个名为 __test__ 的文件夹，并在其中编写对应的测试用例。测试用例的命名应该为 {name}.test.js，其中 {name} 指的是被测试的文件名。
接着，在测试文件夹中，我们可以使用 Jest 的 test 和 describe 方法来定义测试用例。例如：
-- ---------------------------
------ - -------- ------- - ---- -----------
-------------- ----- -- -- -
------------- ------ ------ ------- ------ -- -- -
----- ------------ - - ----- ------- ---- -- --
----------------------
----- ---- - ----------
-----------------------------------
---
---最后，我们需要在 package.json 文件中配置 Jest 的测试文件搜索路径：
------- - ------------ - ---------------------------- -------------------------- -- ----------------------- - ----- ------ - -
这里的 testMatch 表示 Jest 在搜索文件时，会匹配所有名为 *.test.js 的文件，以及所有包含 __test__ 的文件夹下的 *.test.js 文件。
总结
以文件夹为单位测试是一个非常有用的测试方法，能够确保测试的完整性，方便模块化测试，让测试代码更加可重用和易维护。Jest 中提供了很好的支持，让我们可以轻松地使用这个测试方法。希望这篇文章能够帮助读者更好地理解 Jest 中的以文件夹为单位测试，并能够应用到实际的开发中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/649fb6a548841e9894c12f33