Angular2 +ジャスミンのイベントは、私がテストする必要があり、この単純な方法を持っている

Question

オブジェクト。

it('should close on info container click',() => { 
    spyOn(component, 'onLayerContainerClick'); 
    const el: DebugElement = fixture.debugElement.query(By.css('.dpm-info__layerContainer')); 
    el.triggerEventHandler('click', null); 
    expect(component.onLayerContainerClick).toHaveBeenCalled(); 
    }); 

テストはOKですが、instanbulは「機能がカバーされていない」と言う：私がテストした場合、このようなものです。だから私は、関数を明示的に呼び出す必要があると思いますか？そのためには、（少なくとも）srcTargetプロパティを含む完全なイベントオブジェクトが必要です。単体テスト内でこのようなイベントを定義するにはどうすればよいですか？

Answer 1

テストでは、擬似イベントで関数を呼び出す必要があります。その後、 component.onLayerContainerClick({ srcElement: { value: 'mock_value' } });

そして多分これhttps://angular.io/guide/testing#triggereventhandlerが、私はイスタンブールのコードを作るこのテスト、作ってみたestusとDrNioに同様

Answer 2

感謝を助けるかもしれないあなたは

expect(component.closeInfoLayer).toHaveBeenCalled();

期待書きますカバレッジは幸せで、タイプに問題はありません：

it('should close on info container click',() => { 
    spyOn(component, 'closeInfoLayer'); 
    const el: HTMLElement = fixture.debugElement.query(By.css('.dpm-info__layerContainer')).nativeElement; 
    const mockEvent: Event = <Event><any>{ 
     srcElement: { 
     classList: el.classList 
     }, 
     stopPropagation: <any>((e: any) => { /**/ }), 
     preventDefault: <any>((e: any) => { /**/ }), 
    }; 

    component.onLayerContainerClick(mockEvent); 
    expect(component.closeInfoLayer).toHaveBeenCalled(); 
    });