Learn how to test React components with React Testing Library, the recommended library from Facebook for testing.
What you'll learn
- The principles of Test Driven Development (TDD)
- Know what React Testing Library is and its differences with Enzyme
- Understand how Jest works with React Testing Library
- Query elements with getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy
- Simulate user interaction with the fireEvent and userEvent API
- Learn about coverage and debugging
- How to mock third party libraries like Axios
- How to use Typescript with a React app
Requirements
- Be famliarized with React components
Description
Welcome to testing React components with React Testing Library! In this course, you will learn lots of things. You will learn:
- The principles of Test Driven Development
- Know what is React Testing Library (RTL) and its differences with Enzyme (another popular test framework for React)
- Understand how Create React App (CRA) works.
- Understand how Jest works with RTL
- How to test with RTL and query elements with:
- getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy
- How to simulate user interaction with the fireEvent API
- How to simulate user interaction with the userEvent API
- Testing components in isolation (unit tests)
- Learn about coverage and debugging
- How to mock 3rd party libraries like Axios and mock a GET request
- Learn about the pitfalls of CRA
Have fun, and never stop learning!
Who this course is for:
- Web developers
- Full stack developers
- Developers interested in Test Driven Development
- Front-end developers
