問題タブ [karma-webpack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - Angular2 単体テスト カルマ [Web サーバー]: 404: /css/PageGridStyle.css
Karma と Jasmine を使用して、Angular 2 で単体テストを実行しようとしています。Karma (または webpack?) で CSS ファイルの読み込みに問題があるようです。コンポーネントをテストできるように、CSS ファイルが機能する必要があります。
これが私のカルマ設定です...
次のエラーが表示されます。
これは私の実際のテストです (TestBed.compileComponents を呼び出していることがわかります):
これは私のコンポーネントです:
PageGridComponent (CSS ファイルを含むもの)
TL;DR
Karma が CSS ファイルを読み込めません。それで、何が起こっているのですか？CSS ファイルが読み込まれないのはなぜですか?
webpack - webpack と jasmine で Karma が jasmineRequire is not defined エラーをスローする
したがって、ジャスミンと webpack でカルマを実行しようとすると、このエラーが発生します。
Uncaught ReferenceError: jasmineRequire is not defined
at node_modules/karma-jasmine/lib/boot.js:116
私はそれが私のプロジェクトだと思ったので、新しいプロジェクトを作成することにしました。これは次の構成です。
私はこの構成で同じ問題を抱えています。誰かアイデアはありますか？
ウェブパックの場合:
カルマの場合:
次のような test/t1.js ファイルがあります。
そして、これが私のpackage.jsonファイルです:
angularjs - Webpack と Karma を使用して縮小されたアプリに対して AngularJS 単体テストを実行する方法
私はAngularJSアプリケーションに取り組んでいます。ng-upgrade の準備として Webpack 2 に移行する既存の大規模なコードベースがあります。ただし、縮小されたアプリに対して Jasmine 単体テストを実行する方法がわかりません。
このプリブート リポジトリに基づいてアプリケーションをモデル化しました。
これを使用してアプリを醜くしwebpack.config.jsます:
karma.conf.js基本的には次のようになります。
src/tests.webpack.js次のようになります。
各.spec.jsファイルはimport、実際の Angular アプリケーションをロードするために使用され、次に次のようなインジェクションを行います。
ここに問題があります。単体テストは縮小されています。$rootScopeに縮小されeますが、インジェクターはこれを見つけられません。テスト ファイルではなく、アプリのみを縮小したいと考えています。どうすればこれを行うことができますか？