未捕獲的TypeError：無法讀取未定義引發的屬性'coSearchCriteria'-Angular Karma / Jasmine

Question

我嘗試使用Karma / Jasmine測試Angular組件。 坦率地說，我對業力/茉莉花沒有太多了解，並且在測試諸如“未捕獲的TypeError：無法讀取未定義的拋出的屬性'coSearchCriteria'”之類的錯誤時。 但是正常的組件功能運行良好。 如果有什么想法請幫助我。

這是我的測試代碼，這里基本的“應該創建”測試用例正在工作，但是第二個給出了錯誤。

 describe('SearchPanelComponent', () => { let component: SearchPanelComponent; let fixture: ComponentFixture<SearchPanelComponent>; beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ReactiveFormsModule, FormsModule, HttpModule, CarbonDatepickerModule, CarbonModalModule,CarbonIconModule, StoreModule.forRoot({})], declarations: [ SearchPanelComponent, UploadsearchcriteriaComponent ], providers: [ Store, StoreModule, CustomerorderService,ConnectionBackend, ApiConnectorService, HttpClient, HttpHandler,Http, CarbonModalService] }) .compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(SearchPanelComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it('should create', () => { expect(component).toBeTruthy(); }); it('RSSD To should be invalid', async( () => { const dateValue = component.orderUnitForm.controls['rssddateto']; dateValue.setValue('12-02/2012'); fixture.detectChanges(); expect(component.orderUnitForm.valid).toEqual(false); })); 

我只在.ts文件中使用過這樣的'coSearchCriteria'

 this.store.select(selectorCOCriteriaState) .subscribe((coSearchCriteria: SearchCriteriaState) => { this.searchState = coSearchCriteria.lastUsedCriteria; }); if(this.searchState){ this.fillSearchStateData(); } 

Answer 1

終於得到了解決，只需要在spec文件中模擬ngrx存儲。

 class MockStore { public dispatch(obj) { console.log('dispatching from the mock store!') } public select(obj) { console.log('selecting from the mock store!'); return Observable.of({}) } }