测试 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主要基于纯函数。