noxi雑記

.NET、Angularまわりの小ネタブログ

Testing

OnPushに設定したComponentのテストを実装する

Angular の高パフォーマンスな Component を実装する上で重要なのは ChangeDetection: ChangeDetectionStrategy.OnPush に設定して不要な変更チェックを走らせないようにすることが上げられます。しかしこれを設定すると Component のテストを書く時に変更さ…

Angular CDK Component Harnessを実装する

前回は Angular CDK Component Harness を試しに使ってみました。今回は自作のコンポーネントに対して Component Harness を実装してみます。

Angular CDK Component Harnessを導入する

遂に Angular 9 がリリースされました。リリーススケジュールが4月・10月くらいが目処だったことを考えると大分難産でしたね(筆者の感想です)。 ところで Angular CDK にテスト用の機能として Component Harness が追加されました。使い方やテストへの導入…

JasmineのテストでMoment.jsをイイ感じに比較する

JavaScriptの日付ライブラリといえばMoment.js。標準のDateと比較するととても便利です。ただMoment.jsは内部のデータの持ち方が複雑で、ユニットテストで度々問題になります(私はなりました)。 Jasmineでユニットテストを記述するときにイイ感じに比較す…

Angular HttpClientのテストコードを書いてみる

AngularのHttpClientを使用するサービスのテスト方法メモです。サービスからHttpClientを使用してAPIコールをしつつ、接続先のベースURLはHttpInterceptorから設定している状況を想定しています。