相关疑难解决方法(0)

React-redux:如何编写集成测试

Enzyme用来测试我的反应和还原部分.我已经阅读并发现为组件编写集成测试也是一种很好的做法.所以,这很简单,因为我必须调用动作创建者并检查他们对存储的更新值,但我有一些异步操作返回dispatch动作.

login.actions.js

export function loginUser(credentials) {
  return dispatch => {
    dispatch(action.loginRequest());
    return axios({
      method: 'post',
      url: `${api}/login`,
      data: {
        email: _.trim(_.get(credentials, 'email')),
        password: _.get(credentials, 'password')
      }
    })
      .then(response => {
        const { data } = response;

        if (_.isEqual(_.get(response, 'status'), 200)) {
          dispatch(action.loginSuccess(data));
        }
      })
      .catch(err => {
        dispatch(action.loginError(err));
      });
  };
} 
Run Code Online (Sandbox Code Playgroud)

login.actionCreators.js

export function loginRequest() {
  return {
    type: types.LOGIN_REQUEST
  };
}
export function loginSuccess(payload) {
  return {
    type: types.LOGIN_SUCCESS,
    payload
  };
}
export function loginError(payload) …
Run Code Online (Sandbox Code Playgroud)

integration-testing unit-testing reactjs redux

5
推荐指数
1
解决办法
1457
查看次数