Show learners how to setup Jest Vitest + RTL. Get them started with querying, event simulation, and snapshots.
Lesson Outline
The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so:
// some lesson content
**EXAMPLE GOES HERE**
// some lesson content
Hey @Lofty-Brambles, I'm putting this back in todo for now. The team is discussing some particulars that might affect this lesson's acceptance criteria.
Lesson: Introduction to React Testing
Section: React Testing
199
Lesson Overview
Show learners how to setup
JestVitest + RTL. Get them started with querying, event simulation, and snapshots.Lesson Outline
The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
Acceptance Criteria
If the requirements here are not met, the work effort is not complete.
Additional Information
Get The Lesson Template
Download the lesson template using the following command (replace lesson_name with the actual lesson name):
Adding Interactive Examples
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so: