Advanced React Testing: Redux Saga and React Router

Level-up your React testing skills to include Redux Saga, React Router and Auth-Protected Routes!

Created by: Bonnie Schulkin
Teacher | Coder | Mediocre Bassist

What Will I Learn?

• Test Redux Sagas with redux-saga-test-plan integration and unit tests
• Create a custom React Testing Library `render` method for Redux store and React Router history
• Test React Router navigation, including routes with URL params and query params
• Test auth-protected routes in React apps that use React Router
• Use Mock Service Worker to mock network responses during tests
• Use Jest's .each() method to parametrize tests (run the same test multiple times with different data)

Requirements

• Familiarity with React and React Hooks (both custom hooks and built-in hooks such as `useEffect`)
• Experience writing tests with Jest
• Basic familiarity with React Testing Library (specifically `render` and `screen` methods)
• Redux and Redux Saga usage (Saga sections only)
• React Router usage (React Router and Auth-Protected Routes sections only)
• Familiarity with TypeScript (the course is written and taught entirely in TypeScript)

Target audience

• Experienced React developers who want to expand their testing toolbox