如何在angular5中测试Observable的ngrx store.select？

Question

我想了解测试中缺少哪些内容来覆盖我正在处理的文件，以实现100％的覆盖率。 以下是需要注意的部分：

给定此打字稿文件：

constructor(
  public store: Store<AppState>
) {}

ngOnInit(): void {
  this.search$ = this.store.select(s => s.search);
}

而这个测试：

it('should start observing the search store', () => {
  const search: any = {
    data: {}
  };
  const state = Observable.of(search);

  const store = jasmine.createSpyObj('store', ['select']);
  store.select.and.returnValue(state);
  component.store = store;

  component.ngOnInit();

  expect(component.search$).toBe(state);
});

当前的测试范围：

我想我所缺少的是一个非常愚蠢的东西，我盲目地看不到。 感谢您的提前帮助。

Answer 1

确实如@shaunhusain所建议的，这是该文件的修复程序

ngOnInit(): void {
  this.fetch();
  this.search$ = this.store.select(this.getStoreSearchData);
}

private getStoreSearchData(store: AppState): Search {
  return store.search;
}

及其测试：

describe('#getStoreSearchData', () => {
  it('should return the search store', () => {
    const search: any = {
      data: {}
    };

    const store = <AppState>{search: search};

    const storeSearch = component['getStoreSearchData'](store);

    expect(storeSearch).toEqual(search);
  });
});    

现在覆盖率已恢复到100％