用艾灸测试redux异步方法

Question

我是新来的，我的头发拔出我的头发，试图得到一个基本的测试，以工作与复古和艾灸。

API只是axios，设置了一些自定义头。

我在post方法上出现了一个错误: TypeError:无法读取未定义的属性‘of’

我的方法：

const login = ({username, password}) => (dispatch) => {
  dispatch(actions.loginRequested());
  return API.post(`curavi/v2/authentication`, {username, password})
    .then(response => dispatch(actions.loginSuccess(response.data.payload)))
    .catch((error) => errorHandler(dispatch, error.response));
};

我的测试用例：

describe('login', () => {

  beforeEach(function () {
    // import and pass your custom axios instance to this method
    moxios.install(API)
  });

  afterEach(function () {
    // import and pass your custom axios instance to this method
    moxios.uninstall(API)
  });

  test('calls loginSuccess when the response is successful', () => {
    const store = mockStore();

    const mockData = {
      data: { payload: 'yay' }
    };

    moxios.wait(() => {
      const request = API.requests.mostRecent();
      request.respondWith({
        status: 200,
        response: mockData
      });
    });

    const expectededActions = [
      {type: types.LOGIN_REQUESTED},
      {type: types.LOGIN_SUCCESS, payload: 'yay'}
    ];

    actions.loginRequested.mockReturnValue({type: types.LOGIN_REQUESTED});
    actions.loginSuccess.mockReturnValue({type: types.LOGIN_SUCCESS, payload: 'yay'});
    actions.loginFail.mockReturnValue({type: types.LOGIN_FAIL, message: 'boo'});

    return store.dispatch(operations.login({username: 'theuser', password: 'thepassword'}))
      .then(() => {
        expect(store.getActions()).toEqual(expectededActions);

        expect(API.post).toHaveBeenCalledWith('curavi/v2/authentication',
          {username: 'theuser', password: 'thepassword'});
      });
  })
});

Answer 1

您确定按照您的建议在TypeError中获得login吗？这是没有意义的；如果API不是axios实例，您就会得到这个错误，在这种情况下，API.post()可以返回未定义的值。另一方面，您的测试不起作用的原因有两个：

• 您需要将API.requests.mostRecent()替换为moxios.requests.mostRecent()。
• 您在艾灸的等待中的功能将在0.5秒内不执行，请参见这里。如果您的测试中的返回语句是在此之前到达的，那么您的测试将只返回一个承诺。您可以选择以下操作： 测试(‘.’，=> { // .const结果=等待expect(store.getActions()).toEqual(expectededActions)；store.dispatch( operations.login({ username：'theuser'，密码：'thepassword'，})；

您还应该确保正确地设置商店：

import configureStore from 'redux-mock-store';
import thunk from 'redux-thunk';

const middlewares = [thunk];
const mockStore = configureStore(middlewares);

// use your store inside your tests
const store = mockStore();