如何使用 Visual Studio Code 通过突出显示反应应用程序行来检查代码覆盖率

Question

有什么方法可以突出显示具有 React 应用程序代码覆盖率的所有行。我正在使用杰斯特。我的编辑器是 Visual Studio Code。

Answer 1

您可以使用vscode-jest插件，它有 codeLens （默认启用）。

但请注意，有时会有点慢（尤其是第一次运行时）。我禁用“首次加载时全部运行”选项，以避免这种情况。由于这些性能问题，显示的代码覆盖率有时可能会有点偏差。但大多数时候它对我来说已经足够好了。在文件的顶部，它甚至显示了覆盖的分支和行的百分比。