使用 React 测试库测试 React 应用程序

Testing React Apps with React Testing Library

使用 React 测试库和 Vitest / Jest 测试 React 应用程序的综合 AZ 指南。

清楚。简明。全面。

厌倦了将不连贯的教程拼凑在一起或与漫无边际、令人困惑的教师打交道?本课程适合您!它被完美地结构成一系列一口大小、易于理解的视频,涵盖了理论和实践。

 实用性强

 学习内容

  • 掌握使用 React 测试库测试 React 应用程序的基础知识。

  • 编写可维护、可靠且值得信赖的测试,始终如一地提供价值。

  • 使用 Mock Service Worker (MSW) 高效模拟 API 响应。

  • 使用 @mswjs/data 和 @faker-js 模拟数据。

  • 在测试环境中模拟用户事件。

  • 深入了解涉及身份验证、状态管理、路由等的高级测试技术。

  • 掌握专业人士用来使其代码更具可读性和可维护性的重构技术。

  • 从真实世界的例子和练习中学习,为你的工作做好准备。

  • 使用 ESLint 及早发现代码质量问题。

结构完美的课程

 入门(20分钟)

  •  介绍 预览
  •  先决条件 预览
  •  课程结构 预览
  • 如何参加本课程 预览
  • 设置开发环境 预览
  • 设置初学者项目 预览
  •  设置 Vitest 预览
  • 设置 React 测试库 预览
  •  总结

测试React组件(2h)

 模拟API(2h)

 考试表格(1h)

测试状态管理(44m)

测试认证(12m)

 测试路线(23m)

 结论(25s)

 目标学生

 这是给谁的?

  • 希望提升 React 技能的开发人员。

  • 旨在提高代码质量的软件工程师。

  • React 开发人员正在准备工作面试。

  • 任何希望通过掌握 React 测试来提升职业前景的人。

 你应该知道什么

 先决条件

要从本课程中充分受益,扎实的 React 基础是必不可少的。您应该精通所有核心概念,包括组件、钩子、状态管理、路由等。此外,有必要对使用 Jest 或 Vitest 等工具对纯 JavaScript 代码(没有 UI 框架)进行单元测试有基本的了解。

如果您需要加强基础知识,以下是我们推荐的课程。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。