サーチ…


前書き

テストカバレッジは、テストケースが実際にアプリケーションコードをカバーしているかどうか、およびテストケースを実行するときにどれだけのコードが実行されているかを判断する手法として定義されています。

Angular CLIには、単純なコマンドng test --ccでコードカバレッジ機能が組み込まれています。

シンプルな角度-CLIコマンドベースのテストカバレッジ

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

記者のリストはカンマで区切られていることに注意してください。私たちは新しい記者、チームシップを追加しました。

このコマンドを実行すると、dirのフォルダ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