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