如何使用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 调度操作。

这是我到目前为止尝试过的，但它总是说我不能读取未定义的属性"然后"，但这就是我一直在测试许多其他不使用 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 调用中返回承诺，这将通过实例化调用将其返回：

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