angular - 单元测试功能 ehich 返回可观察对象的可观察对象

Question

我遇到了这样的单元测试功能问题：

loadData({prop1, prop2, prop3}: Props): Observable<unknown> {
    return this.dataService.clearData().pipe(
         concanMap(() => this.personalDataService.getData(prop1)),
         concanMap(() => this.extendedDataService.getData(prop2)),
         concanMap(() => this.weatherDataService.getData(prop3))
    );
}

我想根据 spyOn 来做到这一点。像这样的东西：

it('should correctly load data', () => {
    spyOn(dataService, 'clearData');
    spyOn(personalDataService, 'getData');
    spyOn(extendedDataService, 'getData');
    spyOn(weatherDataService, 'getData');

    spectator.service.loadData({
          prop1: '',
          prop2: '',
          prop3: ''
    })

    expect(dataService.clearData).toHaveBeenCalled();
    expect(personalDataService.getData).toHaveBeenCalled();
    expect(extendedDataService.getData).toHaveBeenCalled();
    expect(weatherDataService.getData).toHaveBeenCalled();
});

我有一个错误：

TypeError：无法读取未定义的属性（读取“管道”）

这很明显，因为 dataService.clearData 是一个模拟，所以我需要从这个方法返回一些值：

spyOn(dataService, 'clearData').and.returnValue(of());

这个解决方案很糟糕，因为无法触发其他服务调用。

你知道如何测试这个功能吗？

Answer 1

我认为您的测试应该检查 loadData 是否按预期返回，如下所示：

// mock clearData() and the three getData() here

testedComponent.loadData(...).subscribe((actual) => {
    // assert that actual is as expected
})

在您的测试中，您只需调用 spectator.service.loadData()，这会给您留下一个冷的 observable。