Angular单元测试：Observable.of模拟返回Observable时报错求助

这个问题我之前也碰到过，本质是rxjs版本迭代带来的API使用方式变化导致的，咱们一步步来修复：

问题原因 #

在rxjs 5.x版本中，of是作为Observable的静态方法存在的，但从rxjs 6开始，官方把所有创建类操作符（比如of、from等）都改成了独立的函数，不再挂载在Observable类上，所以直接调用Observable.of()就会触发这个错误。

解决方案 #

根据你使用的rxjs版本，选择对应的修复方式：

情况1：使用rxjs 6及以上版本（Angular 6+默认配套） #

1. 修正导入语句
   把原来的：

import { Observable} from 'rxjs/observable';

改成：

import { Observable, of } from 'rxjs';

2. 修改测试中的返回值
   将Observable.of(terminalCompanies)替换为of(terminalCompanies)，修改后的测试代码：

it('should resolve test data', async(() => {
  const terminalCompanies = [{ terminalCompany: 'aaa' }, { terminalCompany: 'bbb' }, { terminalCompany: 'ccc' }];
  const spy = spyOn(service, 'getTerminalCompanies').and.returnValue(of(terminalCompanies));
  component.ngOnInit();
  fixture.detectChanges();
  expect(component.terminalCompanies[0].terminalCompany).toEqual(terminalCompanies[0].terminalCompany);
}));

情况2：使用rxjs 5.x版本（Angular 5及以下） #

如果你的项目还在使用旧版本rxjs，只需要补充导入of的静态方法即可：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of'; // 新增这行导入

这样原来的Observable.of()调用就能正常工作了。

另外补充个小提示：rxjs 6+还引入了pipeable操作符，如果你原服务里的map、catch也是旧写法，后续可能也需要调整（比如catch改成catchError，并放到pipe里），不过当前这个报错先按上面的方法就能解决啦。

内容的提问来源于stack exchange，提问作者priya