Logo
☆☆☆☆☆
0.0
Intermediate
16h

使用 Jest 和 React Testing Library 测试 React 应用

通过本课程,你将掌握使用 Jest 和 React Testing Library 对 React 应用进行自动化测试的技能,这两者是 React 项目事实上的测试工具。这些测试能让你更有信心地发布应用的新版本,同时提升发布频率,更快地将功能交付给用户。 你将学会编写稳健的测试,即使在代码优化和重构时也能保持稳定,从而降低维护成本。 课程还将教你如何模拟用户与应用的交互行为,并深入掌握对应用中异步逻辑部分的可靠测试方法。 课程中穿插的定期测验和练习将帮助你不断巩固所学知识。

9 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 Jest 和 React Testing Library 测试 React 应用
通过本课程,你将掌握使用 Jest 和 React Testing Library 对 React 应用进行自动化测试的技能,这两者是 React 项目事实上的测试工具。这些测试能让你更有信心地发布应用的新版本,同时提升发布频率,更快地将功能交付给用户。 你将学会编写稳健的测试,即使在代码优化和重...

WHAT YOU'LL LEARN

你将学习如何使用 Jest 测试 React 应用程序。

Content

9 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    自动化测试入门

  2. 2

    编写不使用工具的测试

Jest 入门
  1. 1

    使用 Jest 编写我们的第一个测试

  2. 2

    安装和运行 Jest

  3. 3

    编写异步测试

  4. 4

    测试命名

  5. 5

    调试测试

  6. 6

    确定代码覆盖率

  7. 7

    使用 TypeScript 与 Jest

  8. 8

    自我测试:Jest

使用匹配器
  1. 1

    理解 Matcher

  2. 2

    检查 null 和 undefined

  3. 3

    检查相等性

  4. 4

    检查字符串

  5. 5

    检查数组

  6. 6

    检查异常

  7. 7

    使用快照

  8. 8

    自我测验:匹配器

React Testing Library 入门
  1. 1

    在不使用 React Testing Library 的情况下编写组件测试

  2. 2

    使用 React Testing Library 编写组件测试

  3. 3

    安装 RTL 并配置 Jest 进行组件测试

  4. 4

    调试组件测试

  5. 5

    React Testing Library 自测题

React 测试库查询
  1. 1

    查询与 getBy 变体简介

  2. 2

    findBy 变体

  3. 3

    queryBy 变体

  4. 4

    查询表单字段

  5. 5

    查询图像

  6. 6

    通过以下问题来自测你对 RTL 查询的理解

  7. 7

    练习:RTL 查询

触发事件
  1. 1

    简介与点击元素

  2. 2

    填充输入元素

  3. 3

    在 select 元素中选择一个选项

  4. 4

    上传文件

  5. 5

    悬停于元素之上

  6. 6

    自我测验:事件触发

  7. 7

    练习:触发事件

模拟
  1. 1

    理解模拟(Mocking)

  2. 2

    无需 Jest 模拟函数

  3. 3

    使用 Jest 的模拟函数

  4. 4

    使用 Jest 的 spyOn 函数

  5. 5

    模拟模块

  6. 6

    创建一个手动共享模块模拟

  7. 7

    自我测验:模拟技术

  8. 8

    练习:模拟

测试不同类型的组件
  1. 1

    测试页面组件

  2. 2

    测试路由

  3. 3

    测试自定义 React Hooks

  4. 4

    使用状态测试自定义 Hook

  5. 5

    自我测验:组件

  6. 6

    练习:组件的类型

附录
  1. 1

    本地运行的技术要求

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)