Node.js 从VisualStudio代码中打开Jest Icov覆盖率报告最方便的方法是什么?

Node.js 从VisualStudio代码中打开Jest Icov覆盖率报告最方便的方法是什么?,node.js,visual-studio-code,jestjs,code-coverage,Node.js,Visual Studio Code,Jestjs,Code Coverage,好的,这里是一般的方法: 运行jest-coverage或将其包装为package.json脚本并运行 生成报告后,导航到coverage/Icov Report并打开index.html 您可以安装“在浏览器中打开”扩展名,这样您就可以在不进入“文件资源管理器”的情况下打开它,只需右键单击index.html并选择其中一个添加的上下文菜单选项即可。 我还没有找到更好的开箱即用的方法。我的改进版本在答案中。下面是我如何改进这一体验的: 在package.json中包含以下脚本 测试:cov:je

好的,这里是一般的方法:

运行jest-coverage或将其包装为package.json脚本并运行 生成报告后,导航到coverage/Icov Report并打开index.html 您可以安装“在浏览器中打开”扩展名,这样您就可以在不进入“文件资源管理器”的情况下打开它,只需右键单击index.html并选择其中一个添加的上下文菜单选项即可。
我还没有找到更好的开箱即用的方法。我的改进版本在答案中。

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

在package.json中包含以下脚本 测试:cov:jest-覆盖率, 测试后:cov:ts节点命令/open-coverage.command.ts, open-coverage.command.ts的内容如下所示: 运行npm run test:cov,它将运行您的测试,并在默认浏览器中打开报告。 在Firefox中测试,覆盖范围在一个新的标签中打开,标签是焦点。 有什么可以进一步改善体验的吗?我唯一想到的是一些扩展,它将向VSCode UI添加一个易于访问的按钮,当您单击该按钮时,它将在默认浏览器中为您打开一个报告,但我还没有遇到这种功能

浏览器打开代码示例的学分转到此答案

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

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