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!