フェッチ・モックを使って非同期Reduxアクションをテストし、jsonに変換する

Question

非同期Reduxアクションを非常にうまくテストしていますが、非常に単純な状況で完全に困惑しています。ここに私の関数である：私は私の状況401ケースをテストする場合

//actions.js 
export const fetchInfo = (credentials) => { 
    return (dispatch) => { 
    dispatch(asyncRequest()) 
    const fetchConfig = { 
     method: 'POST', 
     body: JSON.stringify({ 
     email: credentials.email, 
     token: credentials.token 
     }) 
    } 
    return fetch('api/info', fetchConfig) 
     .then(response => { 
     if (response.status === 200) { 
      return response.json() 
      .then((json) => { 
       console.log(json) 
       dispatch(receiveInfoSuccess(json)) 

    } else if (response.status === 401) { 
     dispatch(push('/signin')) 
    }, 
    error => { 
    dispatch(receiveInfoFailure(error)) 
    }) 
    } 
} 

、すべてが正常ですが、いくつかの理由のために私はresponse.json()過ぎて実行するテストを取得することはできません。いつも時間がTimeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.と外

it('should use fetchInfo to dispatch relevant action creators', (done) => { 
const credentials = {"email": "e@d.com", "token": "djbsdJ"} 
const fetchReturnVal = { 
    status: 200, 
    headers: {"Content-Type": "application/json"}, 
    body: { 
     "id": "kjbsdf" 
    } 
} 
fetchMock.post('api/info', fetchReturnVal) 

const expectedActions = [ 
    {type: 'ASYNC_REQUEST'}, 
    {type: 'RECEIVE_INFO_SUCCESS', 
    payload: { 
     id: 'kjbsdf' 
    } 
    } 
] 

function mockDispatch(action) { 
    const expectedAction = expectedActions.shift() 
    expect(action).toEqual(expectedAction) 

    if (!expectedActions.length) { 
    done() 
    } 
} 
actions.fetchLogin(credentials)(mockDispatch) 
}) 

テストとコードが.thenブロックに実行されることはありません。ここに私のテストがあります。

response.jsonを解決するにはどうすればよいですか？同様

Answer 1

あなたは非同期アクションのためのミドルウェアを使用して考えがありますから

json:() => { 
    return new Promise((resolve, reject) => { 
    resolve({"id": "example"}) 
    }) 
} 

....が、これだけの時間：私は、フェッチの戻り値で次のキーを含むようなものを試してみましたか？我々はredux-sagaを使用します。その最大のメリットの1つは、ジェネレータが簡単なオブジェクトを放出するだけなので、ユニットが簡単にテストできることです。例については、https://github.com/yelouafi/redux-saga/blob/master/examples/counter/test/sagas.jsを参照してください。