【Udemy中英字幕】Advanced React Testing: Redux Saga and React Router

高级 React 测试：Redux Saga 和 React Router

升级您的 React 测试技能，包括 Redux Saga、React Router 和 Auth-Protected Routes！

讲师：Bonnie Schulkin

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 使用 redux-saga-test-plan 集成和单元测试来测试 Redux Sagas
• 为 Redux 存储和 React Router 历史创建一个自定义的 React 测试库 `render` 方法
• 测试 React Router 导航，包括带有 URL 参数和查询参数的路由
• 在使用 React Router 的 React 应用程序中测试受身份验证保护的路由
• 在测试期间使用 Mock Service Worker 来模拟网络响应
• 使用 Jest 的 .each() 方法参数化测试（使用不同的数据多次运行相同的测试）

本课程包括：

• 7 小时 长的随选视频
• 4 篇文章
• 4 个可下载资源
• 在移动设备和电视上观看
• 结业证书

要求

• 熟悉 React 和 React Hooks（自定义钩子和内置钩子，例如 `useEffect`）
• 体验使用 Jest 编写测试
• 基本熟悉 React 测试库（特别是 `render` 和 `screen` 方法）
• Redux 和 Redux Saga 用法（仅限 Saga 部分）
• React Router 使用（仅限 React Router 和 Auth-Protected Routes 部分）
• 熟悉 TypeScript（该课程完全用 TypeScript 编写和教授）

说明

您是一名了解 React 测试基础知识并希望更上一层楼的开发人员吗？本课程深入探讨复杂应用程序的 React 测试。

测试 Redux Saga、React Router 或两者

本课程的 Redux Saga 和 React Router 部分是完全分开的。您可以选择从哪种技术开始，并跳过与您的应用程序不相关的技术部分。

测试现有应用程序

该课程的应用程序已经构建，因此您将测试一个利用 Redux Saga 和 React Router（带有 Auth-Protected Routes）的现有应用程序。为了增加一点乐趣，该应用程序适用于一个音乐场所，出售假乐队演出的门票，并附有假乐队名称，以及随机乐队描述和照片。

redux-saga 测试计划

使用 redux-saga-test-plan 库测试 Redux Sagas，这是一个强大的模块，允许灵活的集成测试和精确的单元测试。本课程涵盖了用于静态和动态效果模拟的`provide()` 方法。 

反应路由器

该课程为测试库创建了一个自定义的“渲染”方法来编写可以断言页面行为或 React 路由器“历史”对象的测试。测试的路由包括 URL 和查询参数，以及受身份验证保护的路由的流程（包括从历史记录中删除登录页面）。Mock Service Worker 为服务器的网络调用提供模拟数据。

开玩笑的 test.each ()

在 Redux Saga 部分和 React Router 部分中，该课程教授 Jest 的 test.each() 方法来参数化测试（即使用不同的数据多次运行相同的测试）。

打字稿

遵循现代 JavaScript 最佳实践，所有课程代码均通过 TypeScript 输入。

久经考验的教练

本课程的讲师自 2018 年以来一直在为 Udemy 编写课程，并且拥有清晰易懂的课程记录。她喜欢通过问答与学生互动，并拥有冷静、支持性的教学风格。

此课程面向哪些人：

• 希望扩展测试工具箱的经验丰富的 React 开发人员