在前端开发中，测试是非常重要且必不可少的一环。Jest 是一种广泛使用的 JavaScript 测试框架，它可以很好地帮助开发人员进行单元测试、集成测试等多种测试工作。但是，在测试代码覆盖率时，我们可能会发现即使测试用例全部通过，代码覆盖率也无法达到 100%。本文将探讨这个问题并提供解决方案。
为什么代码覆盖率无法达到 100%？
首先，需要清楚的是，代码覆盖率是指测试用例覆盖了多少代码。而一个函数可能存在多种情况，比如 if 语句、for 循环等，每种情况都需要进行测试，才能完全覆盖代码。简言之，一旦遗漏了某些测试用例，代码覆盖率就无法达到 100%。
再者，Jest 默认只会对函数的执行路径做出标记，如果有些分支条件被忽略了，也会导致代码覆盖率无法达到 100%。例如下面的代码：
-- -------------------- ---- -------
-------- --------------- -
-- ------ - --- -
------ ----
-
-- ------ - --- -
------ ----
-
-- ------ - --- -
------ ----
-
------ ----
-这个函数有四条执行路径。如果只测试了得分是 85 的情况，就会遗漏得分是 95 的情况，无法达到 100% 的代码覆盖率。
如何解决代码覆盖率无法达到 100% 的问题？
添加分支覆盖率
为了解决上述问题，我们可以使用 Jest 提供的分支覆盖率（branch coverage）。需要在 Jest 的配置文件中添加 coverageThreshold：
-- -------------------- ---- -------
-- --------------
-------------- - -
---------------- -----
------------------ -
------- -
----------- ----
--------- ----
---------- ----
------ ----
-
--
--这个配置代码告诉 Jest，在全局范围内，语句执行率、函数执行率、行覆盖率的阈值都是 100%，同时加入了 branches 属性。添加 branches 属性就可以设置代码的分支覆盖率，值得注意的是，Jest 的默认分支覆盖率为 0%，需要进行修改。
使用 Istanbul
Istanbul 是一款非常流行的 JavaScript 代码覆盖率工具，它可以精确地追踪测试用例的测试范围，并确定测试结果是否可以完全覆盖我们的代码，从而帮助我们达到 100% 的代码覆盖率。
- 安装 Istanbul：
npm install istanbul --save-dev
- 使用 Istanbul 运行测试：
istanbul cover node_modules/jest/bin/jest.js
此时，Istanbul 会自动为您生成测试覆盖率清单，包括行覆盖率、函数覆盖率、分支覆盖率等。
结论
在编写测试用例时，我们需要时刻注意这些边界条件，这可以是一个非常繁琐的过程，但是通过这种方式，我们可以确保我们的代码质量越来越好。同时使用上述提到的技巧可以有效提高测试代码的可靠性，让我们能够尽可能地覆盖代码。
最后，我们一定要注意，代码覆盖率并不是最终的目标。最终目标是要编写高质量、易维护、易扩展的代码，测试是实现这个目标的关键环节之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675124e38bd460d3ad86ef6f