問題タブ [angular2-testing]

rc4 を使用するように Angular2 アプリをアップグレードしていますが、単体テストでエラーが発生し始めました。

非同期ゾーン テスト内から setInterval を使用できません

私のウィジェットは、そのngOnInitメソッドからデータを要求し、その要求が行われている間、読み込みインジケーターを表示します。私の模擬サービスは、1 ミリ秒後にいくつかのデータを返します。

これは、問題を明らかにする簡略化されたバージョンです

これは Angular2 rc1 では正常に機能していましたが、rc4 ではエラーがスローされます。何か提案はありますか?

setTimeoutまた、テスト自体から直接を使用してもエラーは発生しません

webpack を使用して Angular 2 単体テストを実行すると、次のエラーが発生します。

webpacks bundle-js ファイルをテストしていることがわかりますが、角度コア テストから実行する必要がある別のインポートがあるかどうかはわかりません

私のHTML設定は次のとおりです。

および仕様テストとして：

およびコンポーネント:

ヒント/記事が役立ちます。ありがとう

そのため、Angular2 のバージョン RC5 では、 を廃止し、HTTP_PROVIDERSを導入しましたHttpModule。私のアプリケーション コードでは、これは正常に機能していますが、Jasmine テストを変更するのに苦労しています。

これが私の仕様で現在行っていることですが、HTTP_PROVIDERS は非推奨になっているため、今何をすべきですか? HTTP_PROVIDERS の代わりに提供する必要があるものはありますか? RC5の世界でこれを行う正しい方法は何ですか?

2016 年 6 月に、Angular 2 アプリケーションのテスト方法に関する記事を書きました。出発点としてangular2-seedを使用しました。

https://raibledesigns.com/rd/entry/testing_angular_2_0_rc1

Angular 2 RC5 を使用する Angular CLI (マスター ブランチから) を使用して、このチュートリアルを書き直すことにしました。テストの 1 つから奇妙なエラーが表示されます。

これが私のテストです：

このプロジェクトを GitHub に投稿したので、必要に応じてこの問題を再現できます: https://github.com/mraible/ng2-demo。

この構成で Karma を実行すると、次のようになります。

次のエラーが発生し続けます。

[16:31:32] gulpfile C:\P4Space\Labs\MainRls\Labs\Web\PatientPortal\gulp\karma\gulpfile.ts を使用しています [16:31:32] 「単体テスト」を開始しています... [16: 31:32] 'clean:build:all' を開始しています... [16:31:32] 15 ミリ秒後に 'clean:build:all' を終了しました [16:31:32] 'html' を開始しています... [16: 31:32] 26 ミリ秒後に「html」が終了しました [16:31:32] 「カルマ」を開始しています... 21 08 2016 16:31:37.431:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31: 37.432:エラー [framework.browserify]: TypeScript エラー: C:/P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/ application_ref.d.ts(79,88): エラー TS2304:名前「Promise」が見つかりません。21 08 2016 16:31:37.438:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31:37.439:エラー [framework.browserify]: TypeScript エラー: C: /P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(137,42): エラー TS2304: 名前 'Promise' が見つかりません。21 08 2016 16:31:37.440:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31:37.441:エラー [framework.browserify]: TypeScript エラー: C:/P4Space/Labs/MainRls/Labs/Web/ PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(196,33): エラー TS2304: 名前 'Promise' が見つかりません。

ファイル d.ts を構成ファイル セクション @ karma.config に追加しようとしましたが、うまくいきませんでした。

単体テストを使用して Angular2 プロジェクトをセットアップしようとしています。私はこのマニュアルを使用しています: http://twofuckingdevelopers.com/2016/01/testing-angular-2-with-karma-and-jasmine/ 現在、デフォルトの Angular2 npm パッケージは @angular/* であるため、明らかに時代遅れです。

angular2 パッケージが異なるため、上記の例は機能しません。そのため、すべてをその @angular パッケージに再マッピングしています。

私の package.json には、次の依存関係が含まれています。

すべての node_packages フォルダーを削除して、白紙の状態から開始しました。

「npm install」を実行すると、次の出力が表示されます。

それを機能させるにはどうすればよいですか？または、最新の Angular2 バージョンで機能する単体テストをカバーするチュートリアルを提案できますか?

Angular2 シンプル フォーム コンポーネントのテストを構築するにはどうすればよいですか。

次のインターフェイスを使用して loginform コンポーネントを作成しています。

そして、それがテストコードです:

次のメッセージが表示されます。

では、入力値を入力し、モデルがそれらの変更を検出する方法は何ですか?

現在、プロバイダーをオーバーライドして、次のようなモック サービスを使用しています。

コンポーネントが使用するパイプについても同じことをしたいと思います。試してみprovide(PipeA, { useClass: MockPipeA })ましprovide(PipeA, { useValue: new MockPipeA() })たが、どちらもうまくいきませんでした。