Jest 是一个常用的 JavaScript 测试框架，它通过一个强大的断言库和内置的 Mock 功能，为前端开发者提供了方便的测试工具。其中一个非常有用的功能是 Coverage 报告，它可以帮助开发者定位代码测试不覆盖的部分，提高测试的覆盖率。在 Jest 测试中，Coverage Threshold 就是一个控制覆盖率的重要工具。本文将详细介绍 Coverage Threshold 的使用及其意义，并提供相关示例代码，帮助读者深入理解。
Coverage Threshold 的作用和概念
在 Jest 测试中，Coverage Threshold 是一项配置，它允许开发者设置代码的测试覆盖率限制。根据 Coverage Threshold 的设置，Jest 测试运行时会在测试进程结束后检查代码的覆盖率，如果覆盖率未达到预设的目标值，则会停止测试并抛出错误信息。通过这样的方式，Coverage Threshold 使得软件开发者能够更好地掌控代码的质量和稳定性。
Coverage Threshold 的设置是通过 Jest 的配置文件实现的。开发者可以打开 jest.config.js 文件，使用如下代码进行配置：
-- -------------------- ---- -------
-------------- - -
----
------------------ -
------- -
--------- -------
---------- -------
------ -------
----------- ------
--
---
-
-其中，branches、functions、lines、statements 都是指代代码测试覆盖率的百分比，可以分别设置全局和单个文件的阈值。例如：
-- -------------------- ---- -------
-------------------- -
--------- -
----------- ---
------------ ---
-------- ---
------------- --
--
-------------------- -
----------- ---
------------ ---
-------- ---
------------- --
-
-在这个配置中，全局的 branches、functions、lines、statements 阈值都是 90%，而 ./src/components/ 目录下的文件的阈值都是 80%。如果测试结果低于任意一个阈值，则测试将失败。这样，开发者就可以根据实际需求设置不同的阈值，以确保代码质量和稳定性。
Coverage Threshold 的使用示例
下面我们演示一下如何结合 Coverage Threshold 实现 Jest 测试覆盖率的设定。假设我们要测试一个简单的四则运算模块 sum.js：
-- -------------------- ---- ------- ----------- - ----------- -- - ------ - - -- - ----------- - ----------- -- - ------ - - -- - ----------- - ----------- -- - ------ - - -- - ----------- - ----------- -- - ------ - - -- -
我们可以使用 Jest 进行单元测试。具体来说，我们测试每个运算函数的结果是否符合预期。例如，我们编写以下代码，测试 sum 函数的运行结果是否正确：
const { sum } = require('./sum');
test('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});同样，我们可以编写测试其他运算函数的代码。
接下来，我们需要为这些测试设置 Coverage 报告。我们可以在 jest.config.js 中添加以下配置：
-- -------------------- ---- -------
-------------- - -
----
------------------ -----
---------------------- -
--------------------
----------------
---------------------------
--
-------------------- -
--------- -
----------- ---
------------ ---
-------- ---
------------- --
-
-
-在这个配置中，我们首先将 collectCoverage 参数设为 true，表示需要收集测试覆盖率信息。然后，我们设置 collectCoverageFrom 参数，规定了需要收集覆盖率信息的文件和排除文件的范围。最后，我们设置 Coverage Threshold，设定了全局的 branches、functions、lines、statements 已经预期最小覆盖率为 80%，如果检测结果低于该数值，将测试结果报告为失败。
现在，我们可以运行 Jest 进行测试。在控制台中输入 npm test，Jest 将运行我们编写的测试脚本，并生成 Coverage 报告。如果任意一个阈值低于 80%，Jest 将会停止测试，并给出相应的错误提示信息。
总结
通过本文的介绍，我们了解了 Coverage Threshold 的作用和概念，以及如何结合 Jest 使用它。设置一个合理的 Coverage Threshold 可以帮助开发者发现代码测试覆盖不充分的地方，提高代码的质量和稳定性。因此，在进行 JavaScript 测试时，我们应该尽力将 Coverage Threshold 设为合理的数值，以便更好地实现软件的测试覆盖。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a8c85d48841e9894528466