Advanced React Testing: Redux Saga and React Router

Focused View

Bonnie Schulkin

5:19:57

0 View

01 - Introduction

001 Welcome and Introduction.mp4

04:37

002 Popular Music Venue app.mp4

09:13

003 Notes on ESLint and Prettier Formatting.html

004 How to Get Help.mp4

02:04

005 Choice Point! Redux Saga or React Router.mp4

01:19

external-links.txt

02 - Using redux-saga-test-plan

001 Introduction to Testing Redux Sagas.mp4

04:07

002 Introduction to redux-saga-test-plan.mp4

03:08

003 Introduction to logErrorToast Saga.mp4

02:39

004 First Saga Test.mp4

09:25

005 Code Quiz! Non-Error Toast.mp4

04:34

006 Partial Assertions.mp4

03:34

007 Review redux-saga-test-plan Introduction.mp4

02:37

external-links.txt

03 - Testing Complex Saga that Uses `takeEvery`

04 - Testing Saga with Fork and Cancel Effects in Infinite while Loop

001 Introduction to Sign In Sagas.mp4

07:48

001 signInSaga.pdf

002 Set Up signInSaga Test File.mp4

02:27

003 Testing Successful Sign-in .silentRun and Timeout.mp4

10:41

004 Return Value from Network Provider.mp4

04:42

005 Code Quiz! Sign Up Flow.mp4

04:58

006 Integration Test for Canceled Fork.mp4

09:58

007 Code Quiz! Error Path.mp4

04:04

008 Introduction to redux-saga-test-plan Unit Tests.mp4

03:53

009 Cancel Flow Unit Test.mp4

07:59

010 Code Quiz! Unit Tests.mp4

06:01

011 Review Fork, Cancel, Infinite while Loop.mp4

02:33

012 Getting Help with Saga Tests.mp4

02:27

external-links.txt

05 - Testing Library Custom render Redux and React Router

001 ------- Start here for React Router!.html

002 Why is Custom render Necessary.mp4

05:06

003 Custom render Concepts.mp4

04:35

004 Planning Custom render with Test Store.mp4

04:41

005 Writing Custom render with Test Store.mp4

08:06

006 Using Custom render in Tests.mp4

04:36

007 Adding React Router to Custom render.mp4

06:46

008 Asserting on history Object.mp4

08:03

009 OPTIONAL Behavior Testing for Redirect.mp4

04:17

010 Code Quiz! history.push().mp4

08:15

011 OPTIONAL Redux State Code Quiz.mp4

03:22

012 Custom router Summary.mp4

04:01

external-links.txt

06 - Testing Routes with URL and Query Params

001 Introduction to Testing Routes with URL and Query Params.mp4

00:59

002 OPTIONAL Introduction to Mock Service Worker.mp4

02:23

003 OPTIONAL Setting up Mock Service Worker.mp4

08:26

004 OPTIONAL Testing Shows Component with Mock Service Worker.mp4

09:50

005 OPTIONAL Code Quiz! Mock Service Worker for Sold-Out Show.mp4

02:19

006 Testing a Route with URL Params.mp4

03:09

006 client-with-msw-setup.tar.zip

007 Writing Handler for Route with URL Params.mp4

04:33

008 Testing Page Contents for Route with URL Params.mp4

04:46

009 Code Quiz! Page Contents of Route with URL Params.mp4

05:19

010 Redirecting to Route with URL Params.mp4

07:57

011 Redirecting to Route with URL and Query Params.mp4

11:52

012 Code Quiz! Bad Query Params.mp4

03:54

013 Review Routes with URL and Query Params.mp4

02:08

external-links.txt

07 - Testing Auth-Protected Routes

001 Intro to Testing Auth-Protected Routes.mp4

02:32

001 auth-protected-route.pdf

002 Test for Non-Protected Route.mp4

05:22

003 OPTIONAL Introduction to Parametrization with test.each().mp4

02:31

004 Parametrizing Non-Protected Page Tests with test.each().mp4

08:02

005 Planning Protected Route Tests.mp4

03:26

006 Code Quiz! Redirect to Sign-In for Protected Routes.mp4

02:54

007 Parametrizing Sign-In Redirect.mp4

02:50

008 SignIn SignUp Handlers for Mock Service Worker.mp4

06:22

009 Planning Tests for Protected Route Redirect after Sign-In.mp4

04:19

010 Starting Test for Protected Route Redirect after Sign In.mp4

06:21

011 Getting error when you run `waitFor`.html

012 Completing Test for Protected Route Redirect after Sign In.mp4

05:51

013 Code Quiz! Successful Sign-Up.mp4

05:00

014 Testing Failed SignIn Followed by Successful SignIn.mp4

09:52

015 Code Quiz! Server Error on Sign In.mp4

03:17

016 Code Quiz! Parametrizing Unsuccessful Sign In Sign Up.mp4

04:47

017 Review Auth-Protected Routes.mp4

01:54

018 Congratulations and Thank You!.mp4

00:26

external-links.txt

08 - Further Learning

001 Bonus Lecture.html

Description

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

What You'll 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)

Who is this for?

Experienced React developers who want to expand their testing toolbox

What You Need to Know?

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)

More details

Description
Are you a developer who's learned the basics of React testing and wants to move to the next level?Â This course dives deep into React testing for sophisticated apps.
Test Redux Saga, React Router or Both
The Redux Saga and React Router sections of the course are completely separate. You can choose which technology to start with, and skip the sections for technologies that aren't relevant to your app.
Test an Existing App
The app for the course is already built, so you'll be testing an existing app that utilizes Redux Saga and React Router (with Auth-Protected Routes). For an added bit of fun, the app is for a music venue that sells tickets to shows for fake bands, complete with fake band names, plus randomized band descriptions and photos.
redux-saga-test-plan
Test Redux Sagas with the redux-saga-test-plan library, a powerful module that allows flexible integration testing and precise unit testing. The course covers the `provide()` method for static and dynamic effect mocking.Â
React Router
The course creates a custom `render` method for Testing Library to write tests that can assert either on page behavior or the React Router `history` object. Tested routes include URLÂ and query params, and the flow for auth-protected routes (including removing the sign-in page from the history). Mock Service Worker provides mocked data for network calls to the server.
Jest's test.each()
In both the Redux Saga sections and the React Router sections, the course teaches Jest's test.each()Â method for parametrizing tests (that is running the same test multiple times with different data).
TypeScript
Following modern JavaScript best practices, all course code is typed via TypeScript.
Proven Instructor
The instructor for this course has been writing courses for Udemy since 2018, and has a great track record of courses that are clear and easy to follow. She loves interacting with students via Q&A and has a calm, supportive teaching style.
Who this course is for:
Experienced React developers who want to expand their testing toolbox

User Reviews

Rating

average 0

Total votes0

Focused display

React

Bonnie Schulkin

Instructor's Courses

My teaching career started when I played school with my (not very willing) younger brother as a kid. I gradually expanded my horizons to teaching (marginally) more willing high school students, and more recently have taught software development at various boot camps to delightfully willing adults. I have been working in the software industry on and off since the mid-90s, which predates the birth of many coders in the San Francisco tech scene(!).

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.