Learn React with TypeScript 3

Mocking Axios with axios-mock-adapter

We are going to move to the project we created in Chapter 9, Interacting with Restful APIs. We are going to add a test that verifies the posts are rendered on the page correctly. We'll mock the JSONPlaceholder REST API so we are in control of the data that is returned, and so that our test will execute nicely and quickly:

1. First, we need to install the axios-mock-adapter package as a development dependency:

npm install axios-mock-adapter --save-dev

2. We are also going to install react-testing-library:

npm install react-testing-library --save-dev

3. The project already has a test file, App.test.tsx, which includes a basic test on the App component. We'll remove the test, but leave the imports, as we'll ...