testingreact.dev's Introduction

The React Testing Masterclass

Hi there 👋. My name is Kati Frantz and this is source material for The React Testing Masterclass. Thank you very much for visiting this repository. If you haven't joined the course yet, please visit Testing react to enrol for free.

System requirements

Git v2 and above
Node.js v12 and above
Yarn v1 or greater

You should be able to verify all these are installed correctly using:

node --version
yarn --version
git --version

Setup

Please go through the following steps to run this project locally:

1️⃣ Clone this repository with the command git clone https://github.com/bahdcoder/testingreact.dev
2️⃣ Install all the dependencies using yarn install.
3️⃣ Start the project in development mode using yarn dev.

Before you watch the first lesson

The lessons in this course are structured in cases. All tests are in the src/__tests__/ folder. The test cases are:

1️⃣ case-1-Checkbox.test.tsx Tests for a custom checkbox component
2️⃣ case-2-ProductTile.test.tsx Tests for the product tile component
3️⃣ case-3-Header.test.tsx Tests for the page header
4️⃣ case-4-ProductStream.test.tsx Tests for the product grid
5️⃣ case-5-FiltersWrapper.test.tsx Tests for the context wrapper for filters
6️⃣ case-6-useFilters.test.tsx Tests for the useFilters custom hook
7️⃣ case-7-useOutsideClick.test.tsx Tests for the useOutsideClick custom hook

To follow along the course,

Start by watching the first lesson.
Before each lesson, have a look at the case file for that lesson, and attempt writing the test.
Proceed to watching the lesson to learn my solution

Recommend Projects