在发出事件时：期望一个间谍，但得到了函数

Question

我运行了这个测试，但我得到了这个错误：

Unhandled Promise rejection: <toHaveBeenCalledWith> : Expected a spy, but got Function.

  it('should change myComponent value', () => {
     spyOn(component.mychange, 'emit');
     const input = fixture.debugElement.query(By.css('#mychange')).nativeElement;
     input.value = "2";
     fixture.whenStable().then(() => {
       expect(component.mychange.emit).toHaveBeenCalledWith(2);
     });
   });

有类似的问题，但是在发出事件时发生在我身上，我尝试了这些问题的解决方案，但它们不起作用。

Answer 1

看到你在这里设置了一个 spy on emit 方法 - spyOn(component.mychange, 'emit');

问题似乎在于触发更改 -

所以你需要调用 component.mychange(10);

所以你的代码会变成

it('should change myComponent value', async () => {
     spyOn(component.mychange, 'emit');
     const input = fixture.debugElement.query(By.css('#mychange')).nativeElement;
     input.value = "2";
     component.mychange(2);
     await fixture.whenStable()
     expect(component.mychange.emit).toHaveBeenCalledWith(2);
   });

还请我使用 async await 让它变得更好！