Axios.create is not a function

Hi @ctimmerm,

I’m having an “axios.create() is not a function error” when i try to use axios-mock-adapter. Here’s the implementation. `

      import axios from 'axios';
      import MockAdapter from 'axios-mock-adapter';

      let mock = new MockAdapter(axios);
       mock.onGet('https://myapi.org/v1/', { params: { param1: 'holiday', sortBy:'top' } }).reply(200, {
		  	data: [{
				     author: "Vivian Michaels",
				}]
                              });

      axios.get('https://myapi.org/v1/', { params: { param1: 'holiday', sortBy:'top' } })
		  .then(function(response) {
		    console.log(response.data);
		 });`

I’m doing exactly as the documentation says but then i get the error: TypeError: axios.create is not a function. Any help is appreciated.

[jgradzki]

@StanSarr im just mocking it via jest mock, i have created file axios.js in __mocks__ folder and jest mock it automatically, then you can import axios in you tests and spy on it or make another mock implementation to test different responses.

const axios = {
  get: jest.fn(() => Promise.resolve({ data: {} })),
  create: () => axios,
  defaults: {
    adapter: {},
  },
};

export default axios;

edit: i didnt managed to make it work with this lib, even when i removed jest mock. only reason i was looking for alternative is that i didnt notice that someone who wrote this jest mock didnt use jest.fn() and i thought i cant mock any responses.

[innocentamadi]

Adding this here since it’s the first hit on google to the question.

With jest, you can explicitly unmock, then call this library.

jest.unmock('axios');
import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';
...

This library gives nice, flexible apis when working with external requests. However it doesn’t globally prevent your app from making external calls that can be triggered by a test in a different component.

So I found both using this library and doing a manual mock in the __mocks__ folder equally helpful.