angular - 如何在 Angular 分量中测试 NGXS？

Question

我是 NGXS 的新手，在测试时我在所有测试用例中都遇到了错误。我正在从商店获取数据:app.component.ts

    somedata: Idetail
    this.someData = this.store.selectSnapshot(State.details).
    this.data = this.someData.DATA;

但是我在每个测试用例上都出错了:

TypeError: Cannot read property 'DATA' of null

Answer 1

您必须模拟商店才能在测试中使用它。

例如:

beforeEach(async(() => {
   TestBed.configureTestingModule({
      declarations: [MyComponent]
      imports: [NgxsModule.forRoot([])] // import real module without state
   });

   const store:Store = TestBed.get(Store);
   spyOn(store, 'select').and.returnValue(of(null)); // be sure to mock the implementation here
   spyOn(store, 'selectSnapshot').and.returnValue(null); // same here
}));