How do I test axios in Jest?

by

Without using any other libraries:

import * as axios from "axios";

// Mock out all top level functions, such as get, put, delete and post:
jest.mock("axios");

// ...

test("good response", () => {
  axios.get.mockImplementation(() => Promise.resolve({ data: {...} }));
  // ...
});

test("bad response", () => {
  axios.get.mockImplementation(() => Promise.reject({ ... }));
  // ...
});

It is possible to specify the response code:

axios.get.mockImplementation(() => Promise.resolve({ status: 200, data: {...} }));

It is possible to change the mock based on the parameters:

axios.get.mockImplementation((url) => {
    if (url === 'www.example.com') {
        return Promise.resolve({ data: {...} });
    } else {
        //...
    }
});

Jest v23 introduced some syntactic sugar for mocking Promises:

axios.get.mockImplementation(() => Promise.resolve({ data: {...} }));

It can be simplified to

axios.get.mockResolvedValue({ data: {...} });

There is also an equivalent for rejected promises: mockRejectedValue.

Further Reading:

More Related Contents:

  1. Mock inner axios.create()
  2. React useEffect in depth / use of useEffect?
  3. React Context vs React Redux, when should I use each one? [closed]
  4. What is {this.props.children} and when you should use it?
  5. How to set state of response from axios in react
  6. How to overcome the CORS issue in ReactJS
  7. Understanding React-Redux and mapStateToProps()
  8. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  9. Access Control Origin Header error using Axios
  10. How do I access store state in React Redux?
  11. Getting an error “A non-serializable value was detected in the state” when using redux toolkit – but NOT with normal redux
  12. Using JavaScript Axios/Fetch. Can you disable browser cache?
  13. body data not sent in axios request
  14. Axios posting params not read by $_POST
  15. Simulate a button click in Jest
  16. Axios – DELETE Request With Request Body and Headers?
  17. React: Axios Network Error
  18. How to mock Axios with Jest?
  19. Jest – SyntaxError: Cannot use import statement outside a module
  20. Global state in React Native
  21. Redux Presentational Components Vs Container Component
  22. How can I dispatch function in redux?
  23. Component won’t update when a redux state change occurs
  24. Jest spyOn function called
  25. How to mock React component methods with jest and enzyme
  26. On React Router, how to stay logged in state even page refresh?
  27. Could not find “store” in either the context or props of “Connect(App)”
  28. Jest matcher to match any one of three values
  29. FastAPI is not returning cookies to React frontend
  30. How to download a file using ReactJS with Axios in the frontend and FastAPI in the backend?

Leave a Comment