Angular - покрытие кода тестами

В Angular есть встроенный инструмент, который позволяет проверить, насколько покрыты тестами различные части проекта.

Запуск для генерации отчета покрытия тестами - команда:

ng test --watch=false --code-coverage

После выполнения команды в корне проекта будет создана директория coverage - внутри нужно найти файл index.html, который нужно открыть в браузере. Отобразится страница с графиками покрытия различных частей тестами.

В конфигурационном файле karma.conf можно настроить минимумы, допустимые в проекте для покрытия тестами его функциональных частей.

Для этого в файле нужно найти поле coverageIstanbulReporter и дописать в нем ключ thresholds со значениями:

coverageIstanbulReporter: {
  reports: [ 'html', 'lcovonly' ],
  fixWebpackSourcePaths: true,
  thresholds: {
    statements: 70,
    lines: 70,
    branches: 70,
    functions: 70
  }
}

… где 70 - это 70 процентов (%) - пороговое значение threshold для каждой из частей проекта.