Request object is not defined on response

const axiosMock = new MockAdapter(axios);
axiosMock.onGet(`${gl.TEST_HOST}/test`).reply(200, { some: 'data' });

axios.get(`${gl.TEST_HOST}/test`)
  .then(response => console.log(response.request));

will result in undefined.

This makes it impossible to test code which handles multiple routes and checks for the incoming request.

[b4hand]

Also, the networkError() and timeout() methods don’t include the request object in the resulting Error object. I have some error handling code that inspects the request, but can’t test the error handlers with the mocks enabled.

[franciscop-sc]

I had a similar issue, and I’ve fixed it for my tests by adding an extra Interceptor to Axios as a workaround:

axios.interceptors.response.use(res => ({ ...res, request: res.request || res.config }));

This will define a request in the main response, so any code that is in the axios.get().then(...) will have the request defined and the same as config 🎉

It will “polyfill” the .request if it doesn’t find it with the config, so feel free to put it wherever you want (though I’d recommend to put it in your tests or test setup).