背景介绍
Jest 是一个流行的 JavaScript 测试框架，它提供了丰富的测试工具和报告功能。其中之一就是代码覆盖率报告，它可以帮助我们检查测试覆盖率是否充分，以便更好地保证代码质量。但是，在某些情况下，Jest 报告覆盖率时会出现 "All files with coverage(9/9)" 但总覆盖率为 0% 的情况，这个问题该如何处理呢？
问题分析
出现这种情况，通常有以下几个可能的原因：
- 没有运行测试脚本。如果没有运行测试脚本，那么就不会有测试覆盖率数据生成，因此总覆盖率为 0% 是正常的。
- 测试代码中没有覆盖到任何被测试的代码。这种情况下，Jest 报告中会显示所有文件都有覆盖，但是总覆盖率为 0%。
- 测试代码中存在语法错误或逻辑错误，导致测试无法正常运行。如果测试无法正常运行，那么就不会有测试覆盖率数据生成，因此总覆盖率为 0% 是正常的。
针对以上可能的原因，我们可以分别进行处理。
解决方案
运行测试脚本
如果我们没有运行测试脚本，那么就需要先运行测试脚本，生成测试覆盖率数据。通常情况下，我们可以使用以下命令来运行测试脚本：
--- ----
这个命令会运行 package.json 中的 test 脚本，这个脚本通常会调用 Jest 进行测试。如果一切正常，测试脚本会生成测试覆盖率数据，并将其保存在 coverage/ 目录下。我们可以在这个目录下查看测试覆盖率报告，以确认测试是否覆盖到了所有需要测试的代码。
覆盖测试代码
如果测试代码中没有覆盖到任何被测试的代码，那么就需要修改测试代码，增加测试用例，以覆盖需要测试的代码。通常情况下，我们需要根据被测试的代码逐步添加测试用例，以确保测试覆盖率足够。
以下是一个示例代码，它演示了如何为一个函数添加测试用例：
-- ------ -------- ------ -- - ------ - - -- - -- ---- --------- -------- ----- ----------- -- -- - ------------- ------------ -- -------- -------------- -------------- -- ---------- ---
在这个示例代码中，我们为 add 函数添加了两个测试用例，分别测试了加法和负数加法是否正确。通过这样的方式，我们可以逐步提高测试覆盖率，确保测试覆盖到了所有需要测试的代码。
修复测试代码错误
如果测试代码中存在语法错误或逻辑错误，那么就需要修复测试代码，确保测试可以正常运行。通常情况下，我们可以通过以下方式来修复测试代码：
- 检查测试代码是否有语法错误。如果测试代码有语法错误，那么就需要修复这些语法错误，以确保测试可以正常运行。
- 检查测试代码是否有逻辑错误。如果测试代码有逻辑错误，那么就需要修复这些逻辑错误，以确保测试可以正常运行。
以下是一个示例代码，它演示了如何修复测试代码错误：
-- ------ -------- ------ -- - ------ - - -- - -- ---- --------- -------- ----- ----------- -- -- - ------------- ------------ -- -------- -------------- -------------- -- ---------- --------------- ----------------- -- -------------------- ---
在这个示例代码中，我们为 add 函数添加了三个测试用例，其中第三个测试用例存在逻辑错误，它测试了字符串加法是否正确，但是实际上 add 函数只能处理数字类型的加法。如果我们运行测试脚本，就会发现这个测试用例无法通过，因此我们需要修改这个测试用例，或者删除它，以确保测试可以正常运行。
总结
Jest 报告覆盖率时出现 "All files with coverage(9/9)" 但总覆盖率为 0% 的情况，通常有以下几个可能的原因：没有运行测试脚本、测试代码中没有覆盖到任何被测试的代码、测试代码中存在语法错误或逻辑错误。针对这些可能的原因，我们可以分别进行处理，以确保测试覆盖率足够。在实际开发中，我们需要根据具体情况，逐步提高测试覆盖率，保证代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660fd0edd10417a22207fb10