角茉莉 - 期望（）。tohavebeencalled（）不起作用

Question

如果有人可以帮助我调试我的单位测试代码，我将不胜感激。基本上，我正在尝试测试在按钮的单击（）事件时是否调用了几种方法。它们在实际应用程序上运行良好，但显然不是在测试时：

fit('Cancel button should trigger dialog modal', () => {
    spyOn(_myService, 'showDialogModal');
    spyOn(component, 'confirmCancel');

    const cancelButton = fixture.debugElement.nativeElement.querySelector('.cancelButton');
    cancelButton.click();

    fixture.detectChanges();

    expect(component.confirmCancel).toHaveBeenCalled();
    expect(_myService.showDialogModal).toHaveBeenCalledWith(
      header, message
    );
  });

执行时，我得到了：

expect(spy).toHaveBeenCalled()

    Expected number of calls: >= 1
    Received number of calls:    0

这是用于方法component.confirmcancel（），而第二个是从该函数中调用的。 。

Answer 1

调试的两个想法：

• 查看STH是否对您的间谍设置​​错误：检查执行测试时是否确实调用了您期望的方法。例如，将Console.Log放入该方法，或放置断点并在调试模式下运行测试。
• 检查您是否通过'.cancelbutton'查询的元素确实是具有点击侦听器的元素。

如果您还发布了组件的相关HTML和TS代码，则可能会有所帮助。