angular - angular 4 单元测试输入文本框（行为）点击/聚焦

Question

我正在尝试对我的组件进行单元测试，并且在一个测试中我想关注/单击输入文本框。这是因为当我们单击输入文本时，它会打开一个模式，我想确保该操作发生。

这在 e2e 测试中可能是可能的，但由于需要，希望在单元测试中实现它。

HTML 模板

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

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