小编jum*_*der的帖子

Angular-业力-ngrx-无商店提供者

在我的一项单元测试中,我正在尝试模拟@ ngrx / store。我已经在另一个规格文件中成功使用了该技术,但是当在此规格文件中尝试使用该技术时,出现了注入错误,提示No provider for Store!以下是规格文件中的相关代码:

beforeEach(async(() => {
  const emptyState = { opportunities: { list: { items: [], page: 1, total: 0 } } };
  const mockStore = new MockStore<MockAppState>(emptyState);

  TestBed.configureTestingModule({
    declarations: [
      OpportunityListComponent,
      FilledArrayPipe
    ],
    imports: [
      NgFilterListModule,
      FormsModule
    ],
    providers: [
      { provide: OpportunityApi, useValue: apiStub },
      { provide: Store, useValue: mockStore },
      { provide: Router, useValue: routerStub }
    ]
  }).compileComponents();
}));

beforeEach(() => {
  store = fixture.debugElement.injector.get('Store');
});
Run Code Online (Sandbox Code Playgroud)

该组件与成功使用MockStore类的组件之间的唯一区别是,此组件是延迟加载到与AppModule分开的其自己的模块中的。但是,我尝试在该模块中导入StoreModule以及在TestBed导入中包括StoreModule,但均无济于事。

karma-jasmine ngrx angular

5
推荐指数
3
解决办法
5739
查看次数

标签 统计

angular ×1

karma-jasmine ×1

ngrx ×1