如何测试反应传奇的axios

时间:2017-08-15 15:59:54

标签: javascript reactjs jestjs chai nock

我正在学习如何测试并使用一些示例作为指导我试图模拟登录帖子。该示例使用了对http调用的提取,但我使用的是axios。这是我得到的错误

  

超时 - 在jasmine.DEFAULT_TIMEOUT_INTERVAL指定的超时时间内未调用异步回调

此错误的所有答案都与fetch有关,我如何使用axios

执行此操作

./佐贺

const encoder = credentials => Object.keys(credentials).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(credentials[key])}`).join('&')

const postLogin = credentials => {
  credentials.grant_type = 'password'
  const payload = {
    method: 'post',
    headers: config.LOGIN_HEADERS,
    data: encoder(credentials),
    url: `${config.IDENTITY_URL}/Token`
  }
  return axios(payload)
}

function * loginRequest (action) {
  try {
    const res = yield call(postLogin, action.credentials)
    utils.storeSessionData(res.data)
    yield put({ type: types.LOGIN_SUCCESS, data: res.data })
  } catch (err) {
    yield put({ type: types.LOGIN_FAILURE, err })
  }
}

function * loginSaga () {
  yield takeLatest(types.LOGIN_REQUEST, loginRequest)
}

export default loginSaga

./登录测试

const loginReply = {
  isAuthenticating: false,
  isAuthenticated: true,
  email: 'foo@yahoo.com',
  token: 'access-token',
  userId: '1234F56',
  name: 'Jane Doe',
  title: 'Tester',
  phoneNumber: '123-456-7890',
  picture: 'pic-url',
  marketIds: [1, 2, 3]
}

describe('login-saga', () => {
  it('login identity user', async (done) => {
    // Setup Nock
    nock(config.IDENTITY_URL)
      .post('/Token', { userName: 'xxx@xxx.com', password: 'xxxxx' })
      .reply(200, loginReply)

    // Start up the saga tester
    const sagaTester = new SagaTester({})

    sagaTester.start(loginSaga)

    // Dispatch the event to start the saga
    sagaTester.dispatch({type: types.LOGIN_REQUEST})

    // Hook into the success action
    await sagaTester.waitFor(types.LOGIN_SUCCESS)

    // Check the resulting action
    expect(sagaTester.getLatestCalledAction()).to.deep.equal({
      type: types.LOGIN_SUCCESS,
      payload: loginReply
    })
  })
})

2 个答案:

答案 0 :(得分:2)

您收到以下错误:Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL,因为您未在测试中调用done回调。

答案 1 :(得分:1)

由于{ userName: 'xxx@xxx.com', password: 'xxxxx' }模拟中有specified a bodynock),因此在获得包含给定网址和正文的帖子请求之前,它不会回复loginReply。但是,您不会使用credentials操作发送LOGIN_REQUEST,因此您的axios请求正文(payload.data)始终为空。这就是为什么你的nock模拟在指定的异步超时内没有回复而jest给出这个超时错误的原因。

要解决此问题,您必须删除nock设置中的指定正文或使用凭据调度LOGIN_REQUEST操作,并更改指定的正文以匹配您设置为payload的编码凭据。