问如何测试依赖于另一个依赖于Http服务的服务/组件？

EN

只需在测试模块的导入中添加HttpModule即可。

它需要在那里，这样才能在您的servie中注入Http，但是由于您监视您的服务方法，所以不会在您的测试中使用Http。

摘要：是的，使用依赖存根和异步服务角度文档示例的组合。

事实证明，TwainService实际上根本不使用Http或其他依赖项，它只是返回了一个承诺：

getQuote(): Promise<string> {
    return new Promise(resolve => {
      setTimeout( () => resolve(this.nextQuote()), 500 );
    });
}

因此，由于在我们的示例中，所测试的组件依赖于一个可能具有多种依赖项的服务，所以最好通过角度文档中的WelcomeComponent/userServiceStub示例来模拟该服务(请继续阅读警告)。存根对象将有一个实方法名的属性，它的值是一个未命名的函数及其语句。

现在，即使真正的方法异步返回，也很容易在存根中错误地实现一个同步返回的方法。但是，您不想这样做，因为测试中的组件可能包含一个.then()块来处理真正的异步方法的响应。因此，确保存根方法返回封装在承诺：return Promise.resolve(mySwappableTestingReturnValue)中的测试-返回值。

最后，由于我们确实在测试异步方法(警告)，it块还应该使用TwainService示例中的三个选项之一:角的async()/whenStable.then()、角的fakeAsync()/tick()或茉莉的done。我还发现，在.then()中附加到fixture.componentInstance.myAsyncMethod()中的诺言的常规async块同样工作得很好(很可能也是js的async/await )。

作为一个间谍新手，我也犯了另一个错误，.and.callThrough()可能会帮助你。

例如(很简单，很常见)：LoginComponent有一个submit-btn，其onclick由调用this.authService.askAuthServer的logMeIn方法处理。askAuthServer使用Http。

测试按钮单击是否正确调用logMeIn的规范是同步的，我们不关心logMeIn返回的值，我们只关心调用它(并且UI事件在主线程上被同步处理，如果这对您有帮助的话)。在logMeIn中测试决策逻辑的规范确实需要返回的值，因此需要异步测试，因此我们使用whenStable().then()。

因此，您可以愉快地在spyOn logMeIn中创建beforeEach，但是单击规范成功，异步逻辑规范失败。在单击规范中，您会注意到askAuthServer没有执行，尽管我们的间谍成功地执行了.toHaveBeenCalled()。怎么一回事？这是因为间谍阻止了logMeIn的执行，甚至在我们选择不等待logMeIn回来之前。因此，在逻辑规范中，尽管间谍可能不使用logMeInSpy，但是即使我们正确地设置了异步部件，间谍仍然阻止logMeIn (和askAuthServer的执行)的执行。

要理解这一点，或者在beforeEach中创建间谍时使用beforeEach，或者在两个规范中允许执行logMeIn的，或者将间谍移动到点击规范中，这样不会影响逻辑规范。