如何测试 react-saga axios post

Posted 2023-02-22

【中文标题】如何测试 react-saga axios post

【英文标题】：how to test react-saga axios post

【发布时间】：2018-01-23 14:28:25

【问题描述】：

我正在学习如何测试并使用一些示例作为指导，我正在尝试模拟登录帖子。该示例使用 fetch 进行 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: '[e-mail]',
  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: '[e-mail]', 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
    )
  )
)

【问题讨论】：

发电机是如何工作的？

第一次使用，还在学习中

【参考方案1】：

由于您的nock 模拟中有specified a body ( userName: '[e-mail]', password: 'xxxxx' )，它不会响应loginReply，直到它收到带有给定URL 和正文的发布请求。但是您不会使用 LOGIN_REQUEST 操作发送 credentials ，因此您的 axios 请求正文（ payload.data ）总是为空的。这就是为什么你的 nock 模拟没有在指定的异步超时内回复，jest 给出这个超时错误。

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

【讨论】：

我从 nock 中删除了凭据，但仍然出现同样的错误

【参考方案2】：

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

【讨论】：

这个答案是否解决了问题？目前尚不清楚您应该在哪里调用 done()。以这种方式调用可能会过早返回 done()。

当您没有在测试中返回承诺时，您应该手动调用 done()。