https://github.com/bahdcoder/testingreact.dev
https://github.com/bahdcoder/testingreact.dev
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bahdcoder/testingreact.dev
- Owner: bahdcoder
- Created: 2020-07-04T19:16:16.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-02-03T07:34:27.000Z (over 2 years ago)
- Last Synced: 2023-03-03T07:02:36.033Z (over 2 years ago)
- Language: TypeScript
- Size: 21.4 MB
- Stars: 37
- Watchers: 3
- Forks: 23
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The React Testing Masterclass
Hi there 👋. My name is [Kati Frantz](https://katifrantz.com) and this is source material for [The React Testing Masterclass](https://testingreact.katifrantz.com). Thank you very much for visiting this repository. If you haven't joined the course yet, please visit [Testing react](https://testingreact.katifrantz.com) to enrol for free.
## System requirements
- [Git v2](https://git-scm.com/) and above
- [Node.js v12](https://nodejs.org/) and above
- [Yarn v1](https://yarn.org) 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