reactjs - 如何为一个组件文件运行 Jest 覆盖

Question

我只想获得我目前正在处理的一个文件的覆盖率报告。
拥有整个应用程序文件的完整覆盖表而不是搜索我需要的文件有点让人不知所措。
我尝试的是对一个文件运行测试并添加 --coverage .但它显示了所有文件的覆盖范围:
package.json

...
"test": "react-scripts test",
...

我的命令 npm test my-component.test --coverage是否有一个选项可以添加到此命令中以仅显示 my-component.tsx覆盖？

Answer 1

解决方案是添加一个小选项 --collectCoverageFrom仅收集某个文件(即组件)。这是基于这篇文章 https://joshtronic.com/2017/10/24/configuring-jest-to-show-code-coverage-for-all-of-your-files/npm test my-component.test --coverage --collectCoverageFrom=src/components/my-component/my-component.tsx这将仅显示 my-component.tsx 的覆盖率表.
注意 :my-component.tsx的路径文件需要相对于项目根目录和确切的。它不能像我为 my-component.test 所做的那样是相对的.