問題タブ [karma-webpack]

私は使用してkarma-webpackおり、複数の場所で使用するために React コンポーネントをリファクタリングしています。コンポーネントを独自のファイルに移動したので、後でページに含める HOC に/を適用することで、コンポーネントをインポートして別の方法で接続できます。mapStateToPropsmapDispatchToProps

シナリオは次のとおりです。

EventTable- imports EventTableComponent、connected / ラップされたコンポーネント をエクスポートしますMyEventTable- imports EventTableComponent、connected / ラップされたコンポーネント をエクスポートしますEventTableComponent- データ行をレンダリングするために共有される小道具 / 動作を定義します

私がgit mvEventTable にEventTableComponentコードをリファクタリングして HOC にあるようにすると、テストはでのみconnectedインポートに失敗し始めます。Chrome は問題なく動作し、ビューは完全にレンダリングされます。QA は満足している、または満足しているはずですが、私のビルドは失敗します。EventTableComponent karma-webpack

およびコンポーネントWrappedComponentに対して が定義されていないため、ビルドが失敗します。これにより、概要にメッセージがスローされます ( ) が、これらのファイルのいずれもテストにインポートしません! 代わりに、karma webpack のビルド中、ただしテストを実行する前に失敗します。EventTableMyEventTableconnectcannot read displayName of undefined

ビューを破棄し、次のように「偽物」/「交換」を行うことで、ローカルでビルドを修正しました。

ビルドは成功します。

このすべての中で最も紛らわしい部分は? 私は HOCをまったくテストしていません。私は EventTableComponent だけをテストにインポートしますが、 Redux Documentationkarma-webpackで提案されているように.

説明するために最小限の例の要点を書きました: https://gist.github.com/zdd45/cbc981e385dc33d6920d7fcb55e7a3e0

Webpack、Babel、および Karma を使用してプロジェクトをセットアップしようとしていますが、ソース ファイルのテスト カバレッジを適切に構成するのに問題があります。

Webpack を使用して、babel-loader を使用して JavaScript ファイルをバンドルおよびトランスパイルし、カルマと karma-webpack を使用してテストを実行しています。

問題は、すべてのソース ファイルをカバレッジに含めることができず、テスト ファイルにインポートしたものだけを含めることができないことです。私はbabel-plugin-istanbulを使用してes2015コードを計測しています。

これが私のwebpack構成ファイルです：

そして私のカルマ構成ファイル：

そして.babelrc、これが私のファイルです。ここで、babel-plugin-istanbul を構成します。

何か不足していますか？

前もって感謝します！

次の karma.conf があります...

そして次のwebpack...

でも走ると何故かkarma run…

私が作れば

のようなものに...

私は得る

パス: '/_karma_webpack_/src/main/coffee/utilities/view/My.coffee' }

エラー: そのようなファイルまたはディレクトリはありません

アップデート

わかりましたので、これが私の場合、webpackが実行されていないことを伝えることができる取引です。トランスパイルが機能しないのはそのためです。なぜですか?

私はこれをhttps://github.com/AngularClass/angular2-webpack-starterとほぼ同じように行っています。唯一のことは、カルマ conf を参照すると機能しないことですmodule.exports = require('./config/karma.conf.js');。実際のカルマ conf をルート フォルダーに移動しても問題ないようです (現在は にありますsrc/build/karma.conf.js) 。

更新 2

webpack.test.js をルート フォルダーに移動しようとし、そのファイルを再度使用するように構成しようとしましたが、それでも失敗するため、webpack.config.js に戻る必要があります。

webpack.test.js

webpack.config.js

現在、取り組んでいる小さな NodeJS API の単体テスト環境をセットアップしようとしています。この API は ES6 で記述されており、express を使用してリクエストを処理しています。

これまでに使用したテスト構造は次のとおりです。

• カルマ
• ジャスミン
• Karma-webpack
• バベルローダー

私の仕様のほとんどで問題なく動作します。

問題は、Router の仕様を (Express から) 書き込もうとすると、次のエラーが発生することです。

それらは私が使用しているファイルです：

カルマ.conf.js

authRouter.js

authRouter.spec.js

誰かが私を助けることができますか？

前もって感謝します

カルマと webpack を使用して mocha 単体テストをデバッグできません。Karma プラグインと chrome 拡張機能がインストールされています。しかし、私がデバッグしているとき、IDE はブレークポイントを無視します。

単体テストの例: