How to test routes (react router dom) in react using jest – 1
Learn how to test the routes in React. In part 1 of the post, we will look into testing the routes using an object of pathname and component name.
What is Jest in React?
Jest is a testing framework built on top of Jasmine. Lets see what features are provided by Jest like zero config, timers, spies, mocks
Testing React components using Jest
We are going to learn to install Jest, test the sample React component using Jest, testing using Jest mocks, faketimers and testing async http axios or fetch calls.
The overview of popular templating engines and libraries in javascript
We are going to look into the top templating libraries available in JavaScript like EJS, Handlebars, Pug, Nunjucks, Hogan, doT, twig, lodash, underscore and web frameworks
Overview of EJS templating engine
Learn about features of EJS template engine like conditions, looping and error handling.
Why should you use react testing library in your next project
We will learn why React testing library is better testing library. It comes default in create react app and it is easy to test react component.
Testing components which use withRouter HOC React
We will learn how to test the component using the MemoryRouter, passing custom pathname to the MemoryRouter and wrapping the component with Router to access change in pathname.
How to mock the axios library in jest without mock adapter or library
We are going to mock the axios library by using the jest.mock function and providing a sample mock factory implementation.
Unit testing the Axios call using enzyme in a react component
We are going to mock the axios library to test the success and error condition of the api in our react class using the enzyme library.
Unit testing a react component using Axios without any mock adapter library
We are going to mock the axios library without using any mock adapter. We will test the resolved value (success) and the rejected value(error) conditions of the axios call.
How to use lighthouse in continuous integration system (example travis ci)
Learn how to use lighthouse in continuous integration system. We will see an example with travis ci.