Wie funktioniert der Test der Reduziereinheit?

Question

Ich versuche, einen Einheitentest für meinen Redox-Reduzierer für einen Wagen zu erstellen. Dies ist der Druckminderer, wird das Element an der Position-Eigenschaft hinzugefügt:

const initialState = { 
    items: [], 
    cartOpen: false, 
    newMonthlyCost: 0, 
    currentMonthlyCost: 0, 
    showNextButton: false, 
    orderConfirmed: false 
} 

const Cart = (state = initialState, action) => { 
    switch (action.type) { 
     case 'ADD_TO_CART': 
      return Object.assign({}, state, 
       { 
        items: [...state.items,action.data] 
       }); 

     default: 
      return state 
    } 
} 


export default Cart 

Meine chai Unit-Test sieht wie folgt aus:

import reducer from './../../foss-frontend/app/reducers/cart.js' 
import {expect} from 'chai'; 

describe('cart reducer',() => { 

    it('should handle ADD_TO_CART',() => { 
     expect(
      reducer([], { 
       type: 'ADD_TO_CART', 
       data: { 
        id: 12, price: 2332 
       } 
      }) 
     ).to.deep.equal({items: [{id: 124, price: 2332}]}) 
    }) 
}) 

Warum bin ich diesen Fehler und wie diese zu beheben?

Fehler:

 TypeError: Cannot convert undefined or null to object 
     at Function.from (native) 
     at _toConsumableArray (app\reducers\cart.js:7:182) 

Answer 1

rufen Sie Minderer bei tetsts mit leeren Array als Zustand

reducer([], {...}) 

So state.items ist nicht definiert. Dann versuchen Sie es zu dekonstruieren

items: [...state.items,action.data] 

und erhalten Sie diesen Fehler.

Bitte überprüfen Sie, dass state.items existiert - wie dies zum Beispiel

const Cart = (state = initialState, action) => { 
    switch (action.type) { 
     case 'ADD_TO_CART': 
      const { items=[] } = state; 
      return Object.assign({}, state, 
       { 
        items: [...items,action.data] 
       }); 

     default: 
      return state 
    } 
}