业力在Redux中测试未定义的Promise

Question

我在Karma中为react / redux编写了一些测试，但似乎无法修复此错误。 每次运行测试时，它将运行该操作，并将正确的值发送给reducer，但是我似乎总是得到未定义的响应返回。 我们控制台记录了所有值，直到更新状态为止，但是一旦执行此行：

dispatch(duck.addLabRequest(newLab.toJS())).then(() => {

我们得到未定义的.then。 这可能是根本原因？

错误

PhantomJS 2.1.1 (Mac OS X 0.0.0) creating a new lab sends the body of the form in the request FAILED
        undefined is not an object (evaluating 'promise.then')

测试

describe('creating a new lab', () => {
  let promise;
  beforeEach(() => {
    let mockAdapter = new MockAdapter(axios);
     mockAdapter.onPost(labsURL).reply(201, {
       lab: newLabWithID,
       message: "Lab created successfully"
     });
     dispatch(duck.addLabRequest(newLab.toJS())).then(() => {
       expect(1).to.equal(2);
     })
  })
})

行动

export function addLabRequest(lab) {
  console.log("lab is: ")
  console.log(JSON.stringify(lab));
  return (dispatch) => {
    axios.post(`${API_URL}/Labs`, lab, {
      headers: {'Content-Type': 'application/json'}
    })
      .then((resData) => {
        console.log("WE GOT HERE");
        console.log(JSON.stringify(resData))
        dispatch(addLab(resData))
      })
      .catch((err) => {
        console.log(err.response.data.message);
      });
  }
}

。 。 。

减速器

 case ADD_LAB:

  console.log("ADDING LAB");
  console.log(JSON.stringify(action.payload));
  return state.update(
    'labs',
    (labs) => labs.push(Immutable.fromJS(action.payload))
  );

Answer 1

您应该返回调度员内部。 最好返回诺言中的最后一次调度：

export function addLabRequest(lab) {
  return (dispatch) => {
    return axios.post(`${API_URL}/Labs`, lab, {
      headers: {'Content-Type': 'application/json'}
    })
      .then((resData) => {
        return dispatch(addLab(resData));
      })
      .catch((err) => {
        console.log(err.response.data.message);
      });
  }
}