Angular - Karma - ngrx - 没有商​​店提供商

2024-01-03

在我的一个单元测试中,我试图模拟@ngrx/store。我已经在另一个规范文件中成功使用了该技术,但是当尝试在这个规范文件中使用它时,我收到一条注入错误:No provider for Store!以下是spec文件中的相关代码:

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');
});

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


你应该添加

 imports: [
  ...,
 StoreModule.forRoot(fromRoot.reducers),
],

这可能对你有帮助

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular - Karma - ngrx - 没有商​​店提供商 的相关文章

随机推荐