The React Testing Library Bootcamp – The Developer Guide

Course Curriculum

Chapter 1: Introduction

Lecture 1: What Is Testing and Why Do We Care

Lecture 2: Manual vs Automated Testing

Lecture 3: Test Driven Development

Chapter 2: The Fundamentals of RTL

Lecture 1: App Overview

Lecture 2: Inspecting a React Application

Lecture 3: Test the Behaviour, Not the Implementation

Lecture 4: The Structure of a Test Block

Lecture 5: Querying for Elements

Lecture 6: Assertions

Lecture 7: Creating the Input Element

Lecture 8: Completing the Test

Chapter 3: Handling Browser Interactions

Lecture 1: User Events

Lecture 2: Assignment: User Events

Lecture 3: Testing the Presences of an Element

Lecture 4: Adding the Error Handling Logic

Lecture 5: Challenge: Add Error Handling

Lecture 6: Challenge: Answers

Lecture 7: A Little Bit of Manual Testing

Lecture 8: Testing the Happy Path

Chapter 4: Organizing Test Files

Lecture 1: Utilizing Jest Hooks

Lecture 2: Creating Helper Functions to Reduce Duplicity

Lecture 3: Challenge: Write a Helper Function

Lecture 4: Challenge: Answer

Lecture 5: Removing Unnecessary Variables

Lecture 6: The Describe Block

Chapter 5: Testing Components with Props

Lecture 1: App Overview

Lecture 2: Breakdown of App

Lecture 3: Dealing with Props

Lecture 4: Challenge: Testing Image Src

Lecture 5: Challenge: Solution

Lecture 6: Adding the Elements to Make Our Tests Pass

Lecture 7: Testing the Heart Button

Lecture 8: Adding the Logic to Make Our Tests Pass

Lecture 9: Doing Some Manual Testing

Chapter 6: Testing Multiple Elements

Lecture 1: The Cards Component

Lecture 2: Querying for Multiple Elements

Lecture 3: Creating the Cards Component

Lecture 4: Manual Testing

Lecture 5: More Complex User Events

Lecture 6: Adding the Filter Component

Chapter 7: Handling and Mocking HTTP Requests

Lecture 1: The Pets Component

Lecture 2: Adding a Server

Lecture 3: Fetching Data From Our Server

Lecture 4: Writing a Flawed Test

Lecture 5: Issues with Making HTTP Request in Your Tests

Lecture 6: Mocking HTTP Requests with Mock Server Worker

Chapter 8: Integration Testing

Lecture 1: What is Integration Testing

Lecture 2: Writing Our First Integration Test

Lecture 3: Adding the Gender Filter Logic

Lecture 4: Nested Queries to Find Elements

Lecture 5: Adding Some Complicated Logic

Lecture 6: Fixing a Typo

Lecture 7: Testing That We Can Filter by Gender and Favourite

Lecture 8: Fixing the Styling

Chapter 9: Testing Components With Providers

Lecture 1: Refactoring Our App to Use Context

Lecture 2: Adding a Mock Provider to Our Tests