Как получить отчет о покрытии кода с помощью Jest?

При использовании Jest 21.2.1 я могу увидеть покрытие кода в командной строке и создать каталог покрытия, передав --coverage сценарию Jest. Вот несколько примеров:

Я обычно устанавливаю Jest локально, и в этом случае команда может выглядеть так:

npx jest --coverage

Я предполагаю (хотя и не подтверждал), что это также будет работать, если я установлю Jest глобально:

jest --coverage

Очень немногочисленные документы находятся здесь

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

ОБНОВЛЕНИЕ: 20.07.2018 - Добавлены ссылки и обновлено название для репортеров.

ОБНОВЛЕНИЕ: 14.08.2017 - Этот ответ полностью устарел. Просто посмотрите документацию Jest. У них есть официальная поддержка и документация о том, как это сделать.

У @hankhsiao есть разветвленное репо, в котором Стамбул работает с Jest. Добавьте это в свои зависимости разработчика

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

Также убедитесь, что в вашей записи шутки package.json включено покрытие, и вы также можете указать нужные форматы. (HTML - довольно плохая задница).

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

См. документацию Jest для extensionReporters (по умолчанию ["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. К вашему сведению, если вы устанавливаете из npm, вы можете не получить последнюю версию; так что сначала попробуйте GitHub и убедитесь, что охват именно то, что вам нужно.

Это работает для меня:

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

Запустить:

yarn/npm test

Если у вас возникли проблемы с неработающим параметром --coverage, это также может быть связано с тем, что у вас включены репортеры, не добавленные «text» или «text-summary». Из документов: «Примечание. Установка этого параметра перезаписывает значения по умолчанию. Добавьте« текст »или« текст-сводку », чтобы увидеть сводку покрытия в выходных данных консоли». Источник

Настройте файл package.json

"test": "jest --coverage",

Теперь запустите:

yarn test

Все тесты начнутся, и вы получите отчет.

Если вы используете структуру NestJS, вы можете получить покрытие кода с помощью этой команды:

npm run test:cov

Вы можете запустить npx jest --coverage - path / to / your / file.spec.js, чтобы показать покрытие для затронутых файлов.

Если вы хотите просмотреть это в браузере, вы можете сделать следующее:

1. Зайдите в Браузер и CMD + O.
2. Перейдите в свое репо и найдите покрытие / 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: Покрытие кода с наглостью