Testing React Apps with Jest and React Testing Library/

...

Exercise: Firing Events

This exercise will allow you to put into practice what you have learned so far in this course.

We'll cover the following...

Starter project

The starter project contains a SearchForm component in the SearchForm.js file in the src/SearchForm folder. The component allows a user to enter search criteria and get matching fruit names.

Run the app by executing the following command in a terminal:

npm start

Enter “app” into the search box and press the “Search” button. We will see the matches appear with a “Clear” button:

Introduction

Getting Started with Jest

Using Matchers

Getting Started with React Testing Library

React Testing Library Queries

Firing Events

Mocking

Testing Different Types of Components

Appendix

Exercise: Firing Events

Starter project