Какой самый удобный способ открыть отчет о покрытии Jest Icov из кода Visual Studio? - PullRequest
0 голосов
/ 27 марта 2020

Хорошо, вот общий путь c:

  • запустить jest --coverage или обернуть его как пакет. json скрипт и запустить этот
  • Отчет сгенерированный, перейдите к coverage/Icov-report и откройте index.html
    • , вы можете установить расширение «открыть в браузере», чтобы вы могли открыть его, фактически не заходя в проводник, но щелкнув правой кнопкой мыши на index.html и выбор одного из добавленных пунктов контекстного меню.

Я не нашел лучшего готового способа сделать это. Моя улучшенная версия в ответах.

1 Ответ

0 голосов
/ 27 марта 2020

И вот как я улучшил этот опыт:

  • Имеют следующие скрипты в пакете. 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 = path.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, который откроет вам отчет в браузере по умолчанию, когда вы нажмете эту кнопку, но мне еще не приходилось сталкиваться с такой функциональностью.


Кредиты для примера кода, открывающего браузер go на этот ответ { ссылка }!

...