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' } });

그리고 당신이

expect(component.closeInfoLayer).toHaveBeenCalled();

어쩌면이 https://angular.io/guide/testing#triggereventhandler 내가 이스탄불 코드를 만드는이 테스트, 함께 왔어요 estus 및 DrNio에뿐만 아니라

Answer 2

감사합니다 도움이 될 기대 쓰기 적용 범위가 만족스럽고 유형 문제가 없습니다.

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(); 
    });