如何使用jest和axios-mock-adapter在axios中测试post调用

Question

我有一个动作需要测试

export function addContractorToJob(values) {
return dispatch => {
    axios.post(`${API_URL}add-contractor`, values)
        .then((job) => {
            if(job) {
                dispatch(sendSuccessMessage(ADD_CONTRACTOR, "You have successfully applied for this job."));
            }
        });
}

}

当我收到通过api添加到数据库的承包商的确认时，它使用thunk来调度操作。

这就是我到目前为止一直在尝试的，但它总是说我不能读取未定义的属性'then‘，但这就是我测试许多其他不使用thunk的分派的方法。

    const middlewares = [thunk];
    const mockStore = configureStore(middlewares);
    const mock = new MockAdapter(axios);

it('should call success message action on successfully adding contractor to job', () => {
        mock.onPost(`${actions.API_URL}add-contractor`).reply(200,
            [{id: 123, jobTitle: 'the job title'}]);

        const store = mockStore();
        store.dispatch(actions.addContractorToJob(1001)).then(() => {
            expect(store.getActions()[0].type).toEqual(actions.ADD_CONTRACTOR);
            expect(store.getActions()[0].payload).toEqual("You have successfully applied for this job.");
        });
    });

有没有人知道我到底哪里出了问题？

Answer 1

尝试从您的Axios.post调用返回promise，它将通过实例化调用返回它：

return dispatch => {
  return axios.post(`${API_URL}add-contractor`, values)
    .then((job) => {
    ...