Как да получите отчета за покритие на кода с помощта на Jest?

Когато използвам Jest 21.2.1, мога да видя покритието на кода в командния ред и да създам директория за покритие, като предам --coverage на скрипта Jest. По-долу са дадени някои примери:

Склонен съм да инсталирам Jest локално, в който случай командата може да изглежда така:

npx jest --coverage

Предполагам (въпреки че не съм потвърдил), че това също ще работи, ако инсталирам Jest глобално:

jest --coverage

Много редките документи са тук

Когато навигирах в директорията coverage/lcov-report, намерих файл index.html, който можеше да бъде зареден в браузър. Той включва информацията, отпечатана в командния ред, плюс допълнителна информация и малко графичен изход.

АКТУАЛИЗАЦИЯ: 20.07.2018 г. - Добавени връзки и актуализирано име за coverageReporters.

АКТУАЛИЗАЦИЯ: 14.08.2017 г. - Този отговор е напълно остарял. Просто погледнете документите на Jest сега. Те имат официална поддръжка и документация за това как да направят това.

@hankhsiao има разклонено репо, където Истанбул работи с Jest. Добавете това към вашите зависимости от разработчици

 "devDependencies": {
     "jest-cli": "git://github.com/hankhsiao/jest.git"
 }

Също така се уверете, че покритието е активирано във вашия запис в package.json jest и можете също да посочите формати, които искате. (HTML-ът е доста лош).

 "jest": {
     "collectCoverage": true,
     "coverageReporters": ["json", "html"],
 }

Вижте документацията на Jest за coverageReporters (по подразбиране е ["json", "lcov", "text"])

Или добавете --coverage, когато извиквате шега.

Януари 2019 г.: Jest версия 23.6

За всеки, който наскоро разглежда този въпрос особено ако тества директно с npm или yarn

В момента не е необходимо да променяте опциите за конфигурация

Според официалния уебсайт на Jest можете да направите следното за генериране на отчети за покритие:

1- За npm:

Трябва да поставите -- преди да подадете аргумента --coverage на Jest

npm test -- --coverage

ако се опитате да извикате --coverage директно без --, няма да работи

2- За прежда:

Можете да подадете аргумента --coverage на шега директно

yarn test --coverage

1. Проверете най-новия Jest (v 0.22): https://github.com/facebook/jest

2. Екипът на Facebook добавя изходния код за покритие на Истанбул като част от отчета за покритие и можете да го използвате директно.

3. След като изпълните Jest, можете да получите отчет за покритие в конзолата и под главната папка, зададена от Jest, ще намерите отчета за покритие в JSON и HTML формат.

4. FYI, ако инсталирате от npm, може да не получите най-новата версия; така че първо опитайте GitHub и се уверете, че покритието е това, от което се нуждаете.

Това работи за мен:

 "jest": {
    "collectCoverage": true,
    "coverageReporters": ["json", "html"]
  },
  "scripts": {
    "test": "jest  --coverage"
  },

тичам:

yarn/npm test

Ако имате проблеми с --coverage, което не работи, това може да се дължи също и на това, че coverageReporters са активирани без добавени „text“ или „text-summary“. От документите: „Забележка: Задаването на тази опция презаписва стойностите по подразбиране. Добавете „текст“ или „текст-резюме“, за да видите обобщение на покритието в изхода на конзолата.“ Източник

Конфигурирайте вашия файл package.json

"тест": "шега --покритие",

Сега стартирайте:

yarn test

Всички тестове ще започнат да се изпълняват и ще получите отчета.

Ако използвате рамката NestJS, можете да получите покритие на кода, като използвате тази команда:

npm run test:cov

Можете да стартирате npx jest --coverage -- path/to/your/file.spec.js, което ще покаже покритие за засегнатите файлове

Ако искате да видите това в браузър, можете да направите следното,

1. Отидете на Браузър и CMD+O.
2. Отидете до вашето репо и потърсете coverage/lcov-report/index.html

След това можете визуално да видите всички зони на покритие.

Можете също да се обърнете към тази връзка по-долу за повече информация https://dev.to/stevescruz/awesome-jest-tip-coverage-report-h5j

Имах същия проблем и го поправих, както е показано по-долу.

1. инсталирайте прежда npm install --save-dev yarn
2. инсталирайте jest-cli npm install --save-dev jest-cli
3. добавете това към package.json "jest-coverage": "yarn run jest -- --coverage"

След като напишете тестовете, изпълнете командата npm run jest-coverage. Това ще създаде папка с покритие в основната директория. /coverage/icov-report/index.html има HTML изглед на покритието на кода.

Опитайте Chutzpah. Току що го използвах. И писах в блог за това как да се интегрирам във Visual Studio.

Ето как направих кодово покритие с Chutzpah: Кодово покритие с Chutzpah