spyOn服务/组件Angular2

我正在尝试通过服务实施单元测试。我想澄清为什么它不起作用。

为我的规范类设置。

beforeEach(() => {
    fixture = TestBed.createComponent(testComp);
    service = fixture.debugElement.injector.get(TestService);
});

 it('mockService', () => {
    spyOn(service, "testFuncCall");
    let buttonClick = fixture.debugElement.query(By.css('.testFuncCall'));
    buttonClick.triggerEventHandler('click', null);
    expect(service.testFuncCall).toHaveBeenCalled();
  })

因此，上面的命令运行正常，如果我单击按钮-单击其他按钮，它将失败。我当时想做的是

 it('mockService', () => {
    spyOn(service, "testFuncCall");
    spyOn(component, "testFuncCall");
    let buttonClick = fixture.debugElement.query(By.css('.testFuncCall'));
    buttonClick.triggerEventHandler('click', null);
    expect(component.testFuncCall).toHaveBeenCalled();
    expect(service.testFuncCall).toHaveBeenCalled();
  })

这将引发一个错误，指出已调用了预期的间谍testFuncCall。只是想知道为什么会这样。该组件具有一个称为testFuncCall的方法，该方法可启动按钮单击。该方法将调用Service，该服务具有一个名为testFuncCall的方法。

如果我将其分开，一个用于测试是否component.testFuncCall已调用，另一个用于测试是否service.testFuncCall已调用，这似乎很好。但是将它们组合为一个会抛出错误吗？