typescript - Angular 6 ngrx store-testing: kan ikke lese id-er av undefined
Jeg prøver å teste en komponent som har injisert en Store. Testen passerer ikke og gir meg følgende feil: "Kan ikke lese egenskapen 'ids' av undefined"
Test :
const initialState = {
quoteInfo: {
quoteLoaded: true,
ids: [0],
entities: {
'0': {
id: 0,
quoteId: 'string',
quoteStatus: 0,
reference: 'ref01',
}
}
},
quoteSettings: {
quoteSettingsReceived: true,
ids: [1],
entities: {
'1': {
id: 1,
status: 0,
customer: 'string',
customerId: 'cus01',
carrier: 'car01',
contact: 'contact01',
contactId: 'c01',
priceCategory: 'vip',
priceCategoryId: 'pr1',
creationDate: null,
expirationDate: null,
deliveryDate: null,
currency: null,
currencyId: null,
paymentDescription: 'pay desc',
tax: 0,
comments: 'comments',
shippingAddress: null,
billingAddress: null
}
}
}
};
Test før hver:
beforeEach( async(() => {
TestBed.configureTestingModule({
declarations: [GeneralComponent],
imports: [
BrowserAnimationsModule,
HttpClientModule,
StoreModule.forRoot({ feature: combineReducers({quoteSettings: settingsReducer, quoteInfo: infoReducer }, initialState)}),
],
providers: [
]
}).compileComponents();
}));
Feilen oppstår i komponentinitialisering som koden er som følger:
ngOnInit() {
this.randomObservable$ = this._store.pipe(select(randomSelector));
}
Tilfeldig velger
export const randomFeatureSelector= createFeatureSelector<RandomState>('random');
export const randomSelector = createSelector(
randomFeatureSelector, // this is null
fromRandomReducer.selectAll
);
Svar #1
Problemet var i HTML-filen der jeg brukte observable fra selectoren direkte, og hvis butikken fortsatt ikke er initialisert, gir den den feilen
Svar #2
For å mocke Store bruker jeg vanligvis BehaviorSubject fra rx.js:
let mockStore;
beforeEach( async(() => {
mockStore = new BehaviorSubject(initialState);
TestBed.configureTestingModule({
declarations: [GeneralComponent],
imports: [
BrowserAnimationsModule,
HttpClientModule
],
providers: [
{provide: Store, useValue: mockStore}
]
}).compileComponents();
}));
...
