問題タブ [karma-coverage]

カルマを使用して JavaScript テストを実行し、カバレッジ レポートを生成しています。karma.conf.js からのカバレッジ構成は次のとおりです。

このセットアップで気に入らない点は、テストの実行に使用したブラウザーの名前が付けられたサブフォルダーが常に作成されることです。私の場合、PhantomJS のみを使用しており、レポートを の直下に置きたいと考えています/coverage。これを行う方法はありますか？

angular SPA の単体テストをいくつか作成しようとしています。私は Karma でいくつか作成しましたが、それらはかなりうまく機能しますが、テストのカバレッジを確認するために karma-coverage をインストールすることにしました。そして、私はすでにこのレポートを見ようとして多くの時間を無駄にしています. karma-coverage をインストールしたところ、package.json は次のようになりました。

注: 既に別のカルマとカルマ カバレッジを試しましたが、結果は同じでした。私のkarma.conf.js

注：私は、さまざまなプリプロセッサ設定、さまざまなcoverageReporter設定を試しました。

しかし、結果は常に同じです: http://localhost:9876/coverage/またはhttp://localhost:9876/coverage/index.htmlを開こうとすると、404 が見つかりません。C:/Dev/coverage/ の dir プロパティを変更しようとしましたが、ディレクトリは作成されませんでした。Karma テストは正しく実行されていますが、カバレッジ レポートを取得できません。

私の Karma カバレッジ レポートは、ローカル変数をカバーすることを示しています。それは可能ですか、それともkarma-coverageレポートの問題ですか。

Angular Controller Code をご覧ください。

私の質問: ローカル変数と関数パラメーターの条件をカバーすることは可能ですか。例えば以下です。

上記の例では、ユーザー オブジェクト id 属性をローカルid変数に宣言しました。コードをカバーするのは非常に困難です。この場合、ジャスミンはローカル変数またはそのカルマカバレッジレポートの提案を減らすようにアドバイスしますか?

typescript プロジェクトのコード カバレッジ レポートを生成するためにカルマ テスト ランナーをどのようにセットアップしますか?

次のフォルダー構造と karma.conf.js ファイルを考えると、私はすでに Karma を使用して、TypeScript で記述されたテストを実行しています。

私はすでに and をいじってkarma-coverageいremap-istanbulますが、まだ運がありません。できれば無添加でやりたいnpm scriptsです。

カルマ.conf.js

更新 1:

browserify-istanbulセットアップに追加することで、いくつかの進歩を遂げました。全体的なメトリクスは問題ないと思いますが、ソース ファイル ビューは少し奇妙です。

addSpec.ts

更新 2:

今日まで、browserify と typescript を使用して「統合された」カルマ セットアップを作成する方法がわかりませんでした。それにもかかわらず、私のために働いている別の解決策があります。

カルマ.conf.js

パッケージ.json

以下のように空の空白ページを見つけるためだけに、数日間カルマカバレッジを実行しようとしました.

これが私の構成です：

そして、これが私の karma-shim.js ファイルです

フォルダ構造は次のとおりです。

ここで何が欠けているのですか？大変助かりました。

ありがとう

angular2 + webpackでカルマカバレッジを設定するにはどうすればよいですか?

angularのクイックスタートwebpackガイドに従いました。しかし、カバレッジ ツールは空白で、テストが表示されません。ありがとう！

私のフォルダ構造は

私のwebpack.test.jsは次のようになります

私のKarma.conf.js

および karma-test-shim.js

すべてのテストが実行され、正常に合格します。しかし、0% のカバレッジ、または SystemJS を介してテストとそのソース ファイルを起動する karma-test-shim.js のカバレッジを取得し続けています。私はさまざまな方法で karma-coverage をプリプロセッサとして使用しようとしましたが、spec.ts ファイル、ts ファイル、app ディレクトリ、js ファイルまたは spec.js ファイルを前処理する場合もあります。私は Electron ブラウザーを使用して karma-test-shim.js ファイルに require shim をロードします。これは、fs やパスなどのノード モジュールを使用したシステム レベルの操作が多数あるアプリであるためです。アプリには SystemJS を使用し、テスト (Webpack なし!)。

このテスト セットアップから、Electron ブラウザと必要なシムを除いたものは、私のセットアップと似ています: https://github.com/angular/quickstart/blob/master/karma.conf.js

これが私の karma.conf.js ファイルです。