Testing React apps with React Testing Library (RTL)

Testing React apps with React Testing Library (RTL), available at $49.99, has an average rating of 4.25, with 25 lectures, based on 954 reviews, and has 4494 subscribers.

You will learn about 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 This course is ideal for individuals who are Web developers or Full stack developers or Developers interested in Test Driven Development or Front-end developers It is particularly useful for Web developers or Full stack developers or Developers interested in Test Driven Development or Front-end developers.

Enroll now: Testing React apps with React Testing Library (RTL)

Summary

Title: Testing React apps with React Testing Library (RTL)

Price: $49.99

Average Rating: 4.25

Number of Lectures: 25

Number of Published Lectures: 25

Number of Curriculum Items: 25

Number of Published Curriculum Objects: 25

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Web developers
Full stack developers
Developers interested in Test Driven Development
Front-end developers

Target Audiences

Web developers
Full stack developers
Developers interested in Test Driven Development
Front-end developers

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

You will have all the fundamental tools to test any React component and have that coverage at 100%!

Have fun, and never stop learning!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to TDD

Lecture 2: Introduction to RTL

Chapter 2: BONUS

Lecture 1: Join the community!

Chapter 3: Create React App

Lecture 1: The repo for this course

Lecture 2: Create React App behind the scenes

Chapter 4: Jest

Lecture 1: Understanding Jest

Lecture 2: Writing our first test

Chapter 5: React Testing Library

Lecture 1: A little mistake!

Lecture 2: Rendering a component with RTL

Lecture 3: Selecting elements with getByText

Lecture 4: Selecting elements with getByRole

Lecture 5: queryBy search variant

Lecture 6: findBy search variant (Part 1)

Lecture 7: findBy search variant (Part 2)

Lecture 8: A little mistake in one of the tests!

Lecture 9: findBy search variant (Part 3)

Lecture 10: Querying multiple elements

Lecture 11: User interaction with the fireEvent function

Lecture 12: User interaction with the user event API

Lecture 13: Testing a component in isolation with the user event API

Chapter 6: Coverage and debugging

Lecture 1: Coverage

Lecture 2: Debugging

Chapter 7: A more complex example

Lecture 1: Creating a Pokemon component

Lecture 2: Testing the Pokemon component

Chapter 8: More custom matchers

Lecture 1: Jest DOM library from RTL

Instructors

David Armendáriz
Mathematician & Software Developer

Rating Distribution

1 stars: 22 votes
2 stars: 27 votes
3 stars: 163 votes
4 stars: 384 votes
5 stars: 358 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu