How to Test Fetch or Axios in a React Component with Mock Service Worker(MSW)

In this video we are going to learn how to test a react component that uses a rest API to Get data. The library that we will be using is called Mock Service Worker MSW. Our application is a simple todo application that calls out to a rest api called JSONPlaceholder. Mock Service Worker in my opinion is much cleaner than the traditional way of mocking out the fetch call using Jest.

This method of testing is independent of the library used to communicate with an api. It works for fetch, axios etc.

If you enjoy my videos subscribe to my youtube channel Coding With Adam