각도 4 단위 테스트 입력 텍스트 상자 (동작) 클릭/포커스

Question

단위 테스트를 시도하고 한 테스트에서 포커스/입력 텍스트 상자를 클릭하고 싶습니다. 입력 텍스트를 클릭하면 모달이 열리고 동작이 발생하는지 확인하기 때문입니다.

이것은 e2e 테스트에서 가능할 수 있지만 요구 사항 때문에 단위 테스트에서이를 달성하려고합니다. 테스트 베드 모듈 구성 미세라고 가정

HTML 템플릿

<input type="text" class="search"/> 

component.spec.ts

.

... 
it('focus the input element',() => { 
    let searchTextBox: DebugElement = this.fixture.debugElement.query(By.css('search')).nativeElement; 
    serachTextBox.click(); // is this possible or anything else 
    fixture.detectChanges(); 
    ... 
}); 

전체 코드를 공유 할 수 없어 죄송합니다.

Answer 1

... 
it('focus the input element',() => { 
    let searchTextBox: DebugElement = this.fixture.debugElement.query(By.css('search')).nativeElement; 
    spyOn(someObject,'showModal') 
    serachTextBox.click(); // is this possible or anything else 
    expect(someObject.showModal).toHaveBeenCalled(); 
    ... 
});