角2 - 子コンポーネント内のイベントへのコールバック

Question

子コンポーネントが1つあるコンポーネントがあります。このような何か：

<custom-component (customEvent)="foo()"></custom-component> 

FOOは、単純なインクリメントであると仮定し、ものを行う機能です。

カスタムイベントが発生した後に実際に増分が発生することを保証する単体テストを作成したいと思います。これは現在動作しません

let oldValue = component.variableThatShouldBeIncremented; 
childComponent.onCustomEvent.emit(); 
expect(component.variableThatShouldBeIncremented).toBeGreaterThan(oldValue); 

：私はテストで現在実行しようとしました何

はこのようなものです。しかし、もし私がsetTimeoutにexpectをラップするなら、それはします。イベントが非同期であるため、これは意味があります。

私はsetTimeoutを取り除きたいです。 「イベントコールバックが完了するまで待つ」という方法がありますか？

私は例を調べようとしましたが、特定のイベントを発行した結果をチェックするのではなく、特定のイベントが発行されたことを確認するテストしか見つかりませんでした。

EDIT：

私が正しいのためyurzui答えを取っています。コードが機能するはずです。私は実際に問題を引き起こしていたコード、すなわちfoo関数を省略して、Qのコードを単純化して間違いを犯しました。

この関数はサービスから関数を呼び出していましたが、単純なインクリメントではありませんでした。

私の実際の問題は、サービスの模擬バージョン用に作成されたスパイが、イベントハンドラ内の関数呼び出しを登録していないということでした。テストでは

：問題は今、あなたは非同期と利用ダニを使用する必要があるだろう

Answer 1

正常に動作するはずです。変数の正しい名前を使用してもよろしいですか？ Plunker Example

it('should work',() => { 
    let oldValue = component.variableThatShouldBeIncremented; 
    childComponent.onCustomEvent.emit(); 
    expect(component.variableThatShouldBeIncremented).toBeGreaterThan(oldValue); 
}); 

Answer 2

を解決している

it('should work', fakeAsync(() => { 

     let oldValue = component.variableThatShouldBeIncremented; 
     childComponent.onCustomEvent.emit(); 
     tick(10); // fast forward 10 milliseconds considering that emit would take 10 milliseconds 

      expect(component.variableThatShouldBeIncremented).toBeGreaterThan(oldValue); 
    })); 

---

任意の方法によって、私はあなたがいることをやっていると仮定しますインクリメントとか、あなたが加入している場合だけで見ることが取り組んでいる、その場合には、これを処理するよりよい方法がある：

it('should work', fakeAsync(() => { 

    childComponent.customEvent.subscribe((data)=>{ 
     expect(data).toBe('what ever you expect to be emitted'); 
    }); 
    childComponent.onCustomEvent.emit(); 

})); 

ない場合これを無視してください。