我想测试 Observable 的返回数据，在 Angular 组件中。
我创建了一个 slackblitz https://stackblitz.com/edit/observable-testing-101。
这里可以看到组件+服务的逻辑。
我的测试代码也包含在 slack 中。
在我的本地 m/c 上，我遇到了错误：Expected undefined to be 1.
请帮忙，我是测试角度的新手。
【问题讨论】：
标签： angular
注意：在 stackblitz 中进行测试需要与上述不同的设置。我已将您的数据复制到此处的 Angular Stackblitz 测试环境中： https://stackblitz.com/edit/stackoverflow-q-53039354?file=app%2Fmy.component.spec.ts
由于您使用的是 Angular 4，我必须安装 rxjs.compat 才能在 stackblitz 中运行您的代码，因为我在那里使用的是 Angular 7。
设置完成后，我遇到的第一件事是：
Failed: <spyOn> : getPostObservable() method does not exist
Usage: spyOn(<object>, <methodName>)
果然，getPostObservable() 不存在于你放在 stackblitz 中的 data.service.ts 文件中。但是，getTodoObservable() 确实存在，所以我将测试更改为指向该函数。
然后我收到了你上面提到的消息：
Expected undefined to be 1
我注意到您有两个 fixture.detectChanges() 实例，一个在规范之前的 beforeEach() 中，另一个在规范中的“应该从可观察到的待办事项”中。第一次调用 fixture.detectChanges 时，它将调用生命周期挂钩进行初始化，并且 ngOnInit() 将被执行，因此在调用它之前，要小心设置了需要在 ngOnInit() 中使用的任何间谍。我注释掉了第一个调用，现在测试可以工作了。
我还注释掉了“whenStable”，因为这里也不需要它 - 您正在返回一个带有“of”的 observable，它会立即解决，所以不需要这个。我还注释掉了您对 console.log(this.response) 的调用，因为您没有定义响应对象并且它在控制台输出中给出了“未定义”。我还添加了 console.log(component) ，因为当我试图弄清楚为什么组件看起来不像我期望的那样时，我发现这对输出很有用。 （如果您不知道，请单击开发服务器测试窗口底部的“控制台”一词以打开控制台日志。）
最后一个观察：我真的不喜欢看到 NO_ERRORS_SCHEMA 被用于测试。我自己从不使用它，因为它倾向于通过不报告它们来覆盖实际问题，我希望看到它们并修复它们。 :)
【讨论】：
{provide: DataService: useValue: mockDataService}，使用 useValue 而不是 useClass。我还用const mockDataService = jasmine.createSpyObj({ getTodoObservable: of(responseObservable) }); 创建了上面的模拟（真的是一个间谍）现在不需要SpyOn 服务，你已经注入了间谍。我喜欢保持简单。