Angular2テスト-非同期関数呼び出し-いつ使用するか

Question 1

Angular 2でテストするときに、TestBedで非同期関数を使用するのはいつですか？

いつ使うの？

 beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [MyModule],
            schemas: [NO_ERRORS_SCHEMA],
        });
    });

そして、いつこれを使用しますか？

beforeEach(async(() => {
    TestBed.configureTestingModule({
        declarations: [MyModule],
        schemas: [NO_ERRORS_SCHEMA],
    });
}));

誰かがこれについて私に教えてもらえますか？

Question 2

asyncasyncすべてのタスクが完了するまで、次のテストを開始できません。何asyncんと、すべての非同期タスクが（例えばゾーンにコールバックを包んでsetTimeout）追跡されます。すべての非同期タスクが完了すると、async完了します。

Angularの外でJasmineを使用したことがある場合はdone、コールバックに渡されるのを見たことがあるかもしれません。

it('..', function(done) {
  someAsyncAction().then(() => {
    expect(something).toBe(something);
    done();
  });
});

ここでは、これはネイティブのJasmineであり、このテストはを呼び出すまで完了を遅らせる必要があることをJasmineに伝えますdone()。電話をかけずdone()、代わりにこれを行った場合：

it('..', function() {
  someAsyncAction().then(() => {
    expect(something).toBe(something);
  });
});

テストは同期タスクの実行が終了した後にPromiseが解決されるため、テストは予想よりも前に完了します。

Angular（Jasmine環境）では、doneを使用すると、Angularは実際に舞台裏で呼び出しますasync。ゾーン内のすべての非同期タスクを追跡し、それらがすべて終了doneすると、バックグラウンドで呼び出されます。

TestBed構成に関する特定のケースでは、一般的に、必要なときにこれを使用しcompileComponentsます。そうでなければそれを呼ばなければならない状況に遭遇することはめったにありません

beforeEach(async(() => {
   TestBed.configureTestingModule({
     declarations: [MyModule],
     schemas: [NO_ERRORS_SCHEMA],
   })
   .compileComponent().then(() => {
      fixture = TestBed.createComponent(TestComponent);
   });
}));

を使用するコンポーネントをテストするtemplateUrl場合（webpackを使用していない場合）、Angularはテンプレートを取得するためにXHRリクエストを行う必要があるため、コンポーネントのコンパイルは非同期になります。したがって、テストを続行する前に、問題が解決するまで待つ必要があります。

Question 3

テストで非同期呼び出しを行うと、非同期呼び出しが完了する前に実際のテスト機能が完了します。呼び出しが完了したときに何らかの状態を確認する必要がある場合（通常はそうです）、非同期作業がまだ行われている間に、テストフレームワークはテストが完了したと報告します。

を使用しasync(...)て、テストフレームワークに、テストが完了したものとして扱う前に、リターンプロミスまたはオブザーバブルが完了するまで待機するように指示します。

it('should show quote after getQuote promise (async)', async(() => {
  fixture.detectChanges();

  fixture.whenStable().then(() => { // wait for async getQuote
    fixture.detectChanges();        // update view with quote
    expect(el.textContent).toBe(testQuote);
  });
}));

渡されたコードは、テスト関数自体が完了した後then(...)に実行されます。では、あなた、それが完了したように、テストを処理する前に、完全に約束し、観測を待つ必要があると、テストフレームワークに認識させます。async()

も参照してください

https://angular.io/guide/testing#async