angularjs - angularjsの$httpBackendでAPIから来る画像をモックする方法はどこにありますか?

Question

私は分度器テストを行っており、angular-mocks を使用して「偽の」リクエストを行っています。私のアプリでは、画像を表示する必要がある場所は次のとおりです。

<img ng-src="api/documents/image/{{file.Id}}">

画像データを取得するためのリクエストを傍受し、それを偽の画像データに置き換えることは可能ですか?

$httpBackend.whenGET('api/documents/123').respond(200,[]);

現在、画面に壊れた画像アイコンが表示されていますが、これを偽の画像に置き換えることを好みます。それが可能であることを願っています...

敬具

Answer 1

ngSrcは式/静的パスを受け入れるだけです -$http式がおそらくあなたが望むものではない画像を取得するための関数呼び出しでない限り、モックできる呼び出しを実行しません。私がお勧めします：

1) 次のような dev/prod 用に切り替えることができる構成変数をイメージ パスに追加します。

 ng-src="{{ baseUrl }}/api/documents/image/{{file.Id}}"

2）これbaseUrlを、必要なモックイメージを配信する開発サーバーに向けます。たとえば、すべてのリクエストに対して同じイメージを配信する単純な Express サーバーを作成できます。