高级 React 测试:Redux Saga 和 React Router
升级您的 React 测试技能,包括 Redux Saga、React Router 和 Auth-Protected Routes!
讲师:Bonnie Schulkin
口袋资源独家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 开发人员