node.js - 从 Visual Studio Code 打开 Jest Icov 覆盖率报告的最便捷方式是什么？

Question

好的，这是通用的方式:

• 运行 jest --coverage 或将其包装为 package.json 脚本并运行该脚本
• 报告已生成，导航至 coverage/Icov-report 并打开 index.html
  • 您可以安装“在浏览器中打开”扩展程序，这样您就可以打开它而无需真正进入文件资源管理器，而是通过右键单击 index.html 并选择添加的其中一个上下文菜单选项。

我还没有找到更好的开箱即用的方法。我的改进版本在答案中。

Answer 1

下面是我如何改进这种体验:

• 在 package.json 中有以下脚本
  • "test:cov": "jest --coverage",
  • "posttest:cov": "ts-node commands/open-coverage.command.ts",
• open-coverage.command.ts 的内容如下所示:

import { resolve } from 'path';
import { exec } from 'child_process';

const url = resolve(__dirname, '../coverage/lcov-report/index.html');
const start =
  process.platform == 'darwin'
    ? 'open'
    : process.platform == 'win32'
    ? 'start'
    : 'xdg-open';
exec(`${start} ${url}`);

• 运行 npm run test:cov，它将运行您的测试，并在您的默认浏览器中打开报告。
  • 在 Firefox 中测试，覆盖范围在新标签页中打开，标签页获得焦点。

有什么可以进一步改善体验的吗？唯一想到的只是一些扩展，它将向 VSCode UI 添加一个易于访问的按钮，当您单击该按钮时，它将在默认浏览器中为您打开一个报告，但我还没有遇到过这样的功能。

---

浏览器打开代码示例的致谢转到此答案 https://stackoverflow.com/a/49013356/1762820 !