Test Driven Development with Jest and React
About
In this module, students will discover how to build a robust testing strategy for React applications using Jest and related tools. They’ll start with practical approaches like component-level tests and snapshot testing, then move on to more advanced techniques for components that interact with external APIs. The goal is to highlight how React’s dynamic rendering and data flows add complexity beyond just basic unit testing, empowering students to keep their applications stable and reliable no matter how the UI changes.
Content
| Lesson | Est. Delivery Time | Skills |
|---|---|---|
| Setup | 10 min | Set up the development environment. |
| Setting Up a Testing Environment in React | 15 min | Set up a complete testing environment for a React application using Jest and related tools |
| Component Testing | 20min | Testing component rendering, debugging, and mocking functions for unit testing |
| Snapshot Testing | 20min | Evaluate component rendering using snapshot testing |
| Testing Advanced Components | 15 min | Write tests for components that interact with APIs, using mock data |
| Total content | 80 min |