問題タブ [karma-webpack]

複数のエントリを持つ webpack 構成があります。

そして、カルマ構成でこのすべてのパスをハードコーディングしたくありません。webpack config を含めて、そこからすべてのエントリを接続するだけです。

ただし、fileオプションは文字列の配列を持つことを期待しています。それに対する準備ができている解決策はありますか？オブジェクトを手動で配列に変換しないでください。

requirejsKarma でモジュールをロードするために使用しましたが、問題なく動作しました。に変更requirejsするとwebpack、カルマはテスト ケースを実行しません。mocha、sinonをchaiテスト フレームワークとして使用します。

これが私のものkarma.conf.jsです：

そして私webpack.config.jsは：

私test_a.jsは：

}

を実行するkarmaと、エラー メッセージは次のようになります。

タイトルが示すように、スイートでテストが失敗したときに行番号を確認できるようにしたいと考えています。karma-tapプラグイン、tapフレームワーク、およびdotsレポーターに依存しています。

ちょっとしたコンテキスト: ソース マップは適切に機能しているため、テスト ファイルでスローされた例外は正しい行とスタック トレースを報告します。ただし、基本テストが失敗すると、回線やモジュールについては何も表示されずに「失敗しました」というメッセージが出力されます。

私の最初の考えでは、これは単なる Tap の制限であると考えられていましたが、それが本当であるとは想像できません。私の完全な Karma 設定を以下に示します。テスト中に行番号の出力が失敗する原因となる設定が何かありますか?

Typescript で記述された大規模な Angular アプリがあり、JS ファイルを 1:1 で生成し、さらに同じサーバーからロードされた瞬間や React などの外部モジュールを使用しています。依存関係は RequireJS によって処理されます。

正常に機能する基本的な Angular Karma テストをいくつか追加しました。これは、テストを Karma にロードするために微調整された RequireJS 構成の複製を使用します。

現在、いくつかの React コンポーネントをテストしようとしていますが、その過程で Webpack に移行しています。そのため、Webpack を使用するように Karma 構成を変更し、npm を使用して外部依存関係をインストールしました。これを機能させるために一日中費やしましたが、私のセットアップで機能する解決策が見つかりません。

カルマ.conf.js

これは私が得ているものです:

これをどのように設定すればよいですか？

レガシー プロジェクトの単体テストを簡素化するために Karma をセットアップしています。問題は、エラーが発生することYou need to include some adapter that implements __karma__.start method!です。私が発見したように、これは非常に具体的なエラーではないため、さらにデバッグする方法がわかりません。セットアップを最小限に減らしましたが、エラーは引き続き発生します。

カルマ設定ファイルは次のとおりです。

これが私がインストールしたパッケージです（package.jsonから）：

.babelrc は次のとおりです。

そして、これが karma.conf.js (tests.webpack.js) で参照しているテスト ファイルです。私の最初のアイデアは、その中のすべての仕様ファイルを要求することでしたが、今では少なくとも 1 つのテストを実行するように変更しました。まだ運がない：

この問題をさらにデバッグする方法を教えてください。

更新:これは、最小限の再現可能なケースの要旨です。私はまだエラーを受け取っているので、そこで何か間違ったことをしているに違いありませんが、You need to include some adapter that implements __karma__.start method!私の間違いが何であるかわかりません。

JavaScript アプリケーションの Jasmine/Karma 単体テストは初めてです。バンドルにAngular 1.4.12とWebpack 1.13.1を使用している現在のプロジェクトに実装しようとしています。私のフォルダ構造は次のとおりです。

「コア」内の index.js ファイルは、Webpack バンドルに必要な他のさまざまなモジュールを要求しようとしています。ファイルは次のようになります。

ここで、 'modules/st/scripts/controllers/st.test.js'にあるサンプル テスト ファイルを実行しようとすると、次のエラー メッセージが表示されます。

キャッチされないエラー: モジュール名 "../../bower_components/font-awesome/css/font-awesome.min.css" は、コンテキストに対してまだ読み込まれていません: _. C:/gitcode/repo/fm-dashboard/node_modules/requirejs/require.js:143 でrequire([])
http://requirejs.org/docs/errors.html#notloadedを使用します。

私の karma.conf.js ファイルは次のようになります。

プリプロセッサ オブジェクトに Webpack を含めると、この必要な問題が解決されるという印象を受けましたが、そうではないようです。

数人が提案したように、プリプロセッサ オブジェクトとフレームワーク配列に「commonjs」を含めようとしましたが、役に立ちませんでした。この「必須」の問題を取り除き、テストを進める方法を教えてください。

前もって感謝します。

webpack と jasmine を使用してカルマを実行すると、チーム シティが 150 ではなく 300 のテストを報告するようになります。

これらは、Angular クライアント側のジャスミン テストです。

理由はありますか？

私はモカ、酵素、およびcss-modules-require-hookでcss-modulesを問題なく使用しています。

Foo.js

Foo.css

Foo.test.js

Karma -webpack-with-fast-source-maps でKarma の使用を開始しましたが、Foo.js のスタイルが配列であり、元のクラス名を保持するためにキーを使用していないため、テストが失敗しました。

test-bundler.jskarma-webpackの css-modules-require-hook をインポートしようとしましたが、大量のエラーがスローされます。

webpack.config.test.js

カルマ.conf.js

test-bundler.js

セットアップ (カルマ + webpack) で css-modules-require-hook を使用するにはどうすればよいですか?

編集:問題を表示するためにリポジトリhttps://github.com/qmmr/yabを作成しました。npm run test:mochaテストを実行すると合格します。実行npm run testすると失敗します (これは karma-webpack 統合です)。