Testing React Apps with Jest and React Testing Library

0%

Show Skipped Chapters

1.Introduction

Introduction to Automated Testing Writing a Test Without Tools

2.Getting Started with Jest

Writing Our First Tests with Jest Installing and Running Jest Writing Asynchronous Tests Naming Tests Debugging Tests Determining Code Coverage Using TypeScript with Jest Quiz Yourself on Jest

3.Using Matchers

Understanding a Matcher Checking for null and undefined Checking for Equality Checking Strings Checking Arrays Checking Exceptions Using Snapshots Quiz Yourself on Matchers

4.Getting Started with React Testing Library

Writing a Component Test without React Testing Library Writing a Component Test with React Testing Library Installing RTL and Configuring Jest for Component Testing Debugging Component Tests Quiz Yourself on React Testing Library

5.React Testing Library Queries

Introduction to queries and getBy Variant The findBy Variant The queryBy Variant Querying Form Fields Querying Images Quiz Yourself on RTL Queries Exercise: RTL Queries

6.Firing Events

Introduction and Clicking Elements Filling in an input Element Selecting an Option in a select Element Uploading a File Hovering Over an Element Quiz Yourself on Firing Events Exercise: Firing Events

7.Mocking

Understanding Mocking Mocking a Function without Jest Using Jest's Mock Function Using Jest's spyOn Function Mocking a Module Creating a Manual Shared Module Mock Quiz Yourself on Mocking Exercise: Mocking

8.Testing Different Types of Components

Testing Page Components Testing Routes Testing Custom React Hooks Testing Custom Hooks with State Quiz Yourself on Components Exercise: Types of Components

9.Appendix

Technical Requirements for Working Locally

Testing React Apps with Jest and React Testing Library/

...

/

Quiz Yourself on Jest

Quiz Yourself on Jest

This quiz will test what you have learned in this chapter.

We'll cover the following...

A project has defined the following npm scripts:

{ "scripts": {

...