使用 Sinon、redux 和 Karma 测试 axios 调用答案

【问题标题】：Testing axios calls with Sinon, with redux and Karma使用 Sinon、redux 和 Karma 测试 axios 调用
【发布时间】：2016-06-13 19:39:06
【问题描述】：

你好在 redux 文档中进行测试，他们有这个例子来测试 api 调用：

import configureMockStore from 'redux-mock-store'
import thunk from 'redux-thunk'
import * as actions from '../../actions/counter'
import * as types from '../../constants/ActionTypes'
import nock from 'nock'

const middlewares = [ thunk ]
const mockStore = configureMockStore(middlewares)

describe('async actions', () => {
  afterEach(() => {
    nock.cleanAll()
  })

  it('creates FETCH_TODOS_SUCCESS when fetching todos has been done', (done) => {
    nock('http://example.com/')
      .get('/todos')
      .reply(200, { body: { todos: ['do something'] }})

    const expectedActions = [
      { type: types.FETCH_TODOS_REQUEST },
      { type: types.FETCH_TODOS_SUCCESS, body: { todos: ['do something']  } }
    ]
    const store = mockStore({ todos: [] }, expectedActions, done)
    store.dispatch(actions.fetchTodos())
  })
})

我正在使用业力测试环境，我想我不能使用 nock 来测试它。所以我正在考虑使用 Sinon 来测试它。问题是我不明白如何使用它进行测试，因为我没有将回调传递给我的 api 函数调用。我正在使用 axios 调用我的外部 API。

【问题讨论】：

这有什么更新吗？你解决了吗？

标签： node.js karma-runner redux sinon nock

【解决方案1】：

为此，您应该使用axios-mock-adapter

例子：

import MockAdapter from 'axios-mock-adapter';
import axios from 'axios';
import thunk from 'redux-thunk';
import configureMockStore from 'redux-mock-store';
import * as actionTypes from './userConstants';
import * as actions from './userActions';


const mockAxios = new MockAdapter(axios);
const mockStore = configureMockStore(middlewares);

describe('fetchCurrentUser', () => {
  afterEach(() => {
    mockAxios.reset();
  });

  context('when request succeeds', () => {
    it('dispatches FETCH_CURRENT_USER_SUCCESS', () => {
      mockAxios.onGet('/api/v1/user/current').reply(200, {});

      const expectedActions = [
        { type: actionTypes.SET_IS_FETCHING_CURRENT_USER },
        { type: actionTypes.FETCH_CURRENT_USER_SUCCESS, user: {} }
      ];

      const store = mockStore({ users: Map() });

      return store.dispatch(actions.fetchCurrentUser()).then(() =>
        expect(store.getActions()).to.eql(expectedActions)
      );
    });
  });

【讨论】：

【解决方案2】：

我不是异步操作方面的专家，因为在我的应用程序中，我分别测试了所有这些东西（操作创建者、使用 nock 模拟服务的 api 调用、感谢saga 的异步行为，但是在 redux 文档中代码看起来像这个

    const store = mockStore({ todos: [] })

    return store.dispatch(actions.fetchTodos())
      .then(() => { // return of async actions
        expect(store.getActions()).toEqual(expectedActions)
      })

因此，调度返回您的异步操作，并且您必须在异步操作解决时将执行的函数中通过测试。锁定端点应该可以正常工作。

【讨论】：