2017-02-12 76 views
1

这是我行动的创建者:终极版 - 模拟店的getActions返回空数组

export function signinUser({login, password}){ 

    return function(dispatch){  
     axios.post('/auth/signin', {login, password}) 
      .then((response)=>{    
       //-update state to indicate user is authenticated 
       var {username, userid, token} = response.data; 
       dispatch(authUser(token, username, userid));     
       console.log(1) 
      }) 
      .catch(()=>{ 
       //- show error message 
       dispatch(setErrorMessage('Bad Login Info'));         
       console.log(2) 
      }); 
    } 
} 

测试:

describe('signinUser',()=>{ 

    var {signinUser} = actions; 
    var arg; 

    beforeEach(() => { 
     arg = { 
      login: 'john', 
      password: '123' 
     }   
    }); 

    afterEach(function() { 
     nock.cleanAll() 
    }); 

    it('should call setErrorMessage',()=>{  

     nock('http://localhost:5000/auth/signin').post('')    
      .reply(401)   

     var expectedActions = [ 
      { 
       type: 'SET_ERROR', 
       payload: 'Bad Login Info' 
      } 
     ]; 

     var store = mockStore({});   
     store.dispatch(signinUser({...arg})); 
     expect(store.getActions()).to.equal(expectedActions) 
    });  

输出是:

2 
AssertionError: expected [] to equal [ Array(1) ] 

这意味着 - 在动作创建者已被调用 - 并且catch中的console.log(2)已被调用! 但不知何故getActions返回一个空的数组。 请帮我弄清楚为什么。

回答

1

好的问题是:我没有在动作创建者中回复诺言。 这里是我动作创作者的更新版本:

export function signinUser({login, password}){ 
    //you have to return this one 
    return function(dispatch){  
     return axios.post('/auth/signin', {login, password}) 
      .then((response)=>{    
       //-update state to indicate user is authenticated 
       var {username, userid, token} = response.data; 
       dispatch(authUser(token, username, userid));     
       console.log(1) 
      }) 
      .catch(()=>{ 
       //- show error message 
       dispatch(setErrorMessage('Bad Login Info'));         
       console.log(2) 
      }); 
    } 
}