Поиск…


Вступление

тестовое покрытие определяется как метод, который определяет, действительно ли наши тестовые примеры охватывают код приложения и сколько кода выполняется, когда мы запускаем эти тестовые примеры.

Угловой CLI имеет встроенную функцию покрытия кода с помощью простой команды ng test --cc

Простое тестовое покрытие командной строки с угловым кли

Если вы хотите видеть общую статистику охвата тестирования, чем, конечно, в Angular CLI, вы можете просто ввести команду ниже и увидеть нижнюю часть окна командной строки для получения результатов.

ng test --cc // or --code-coverage

введите описание изображения здесь

Подробная отчетность по графическому тестированию на основе отдельных компонентов

если вы хотите увидеть индивидуальный охват тестов компонентом, выполните следующие действия.

  1. npm install --save-dev karma-teamcity-reporter

  2. Add `require('karma-teamcity-reporter')` to list of plugins in karma.conf.js
    
  3. ng test --code-coverage --reporters=teamcity,coverage-istanbul

обратите внимание, что список репортеров разделен запятыми, так как мы добавили нового репортера, teamcity.

после запуска этой команды вы можете увидеть coverage папки в своем каталоге и открыть index.html для графического представления тестового покрытия.

введите описание изображения здесь

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

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


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow