• 测试 Reducers

    测试 Reducers

    幸运的是，测试reducers很像测试我们的同步 action 创建者，因为所有reducer操作是同步的，这使我们的全局状态容易跟踪，同时也是为什么Redux的拥有众多粉丝的原因。

    我们将在 angular2-redux-starter 中测试减速器：

    1. export default function counter(state = 0, action)
    2.   switch (action.type) {
    3.     case INCREMENT_COUNTER:
    4.       return state + 1;
    5.     case DECREMENT_COUNTER:
    6.       return state - 1;
    7.     default:
    8.       return state;
    9.   }
    10. }

    正如你可以看到，有三种情况要测试：默认情况，增量和减量。我们想测试我们的 actions 触发的 reducer 状态变化符合预期。

    1. import { INCREMENT_COUNTER, DECREMENT_COUNTER } from '../actions/counter';
    2. import counter from './counter';                                         
    4. describe('counter reducers', () => {                                     
    5.   it('should handle initial state', () => {                              
    6.     expect(                                                         
    7.       counter(undefined, {})                                             
    8.     )                                                                    
    9.     .toEqual(0)                                                         
    10.   });                                                                    
    12.   it('should handle INCREMENT_COUNTER', () => {                          
    13.     expect(                                                         
    14.       counter(0, {                                                       
    15.         type: INCREMENT_COUNTER                                          
    16.       })                                                                 
    17.     )                                                                    
    18.     .toEqual(1)                                                         
    19.   });                                                                    
    21.   it('should handle DECREMENT_COUNTER', () => {                          
    22.     expect(                                                         
    23.       counter(1, {                                                       
    24.         type: DECREMENT_COUNTER                                          
    25.       })                                                                 
    26.     )                                                                    
    27.     .toEqual(0)                                                         
    28.   });                                                                    
    29. });

    注意，我们只是测试Redux状态的一部分，减速器负责Counter，而不是整体。从这些测试中我们可以看出，Redux主要基于纯函数。