Logo
☆☆☆☆☆
0.0
Beginner
17h 30m

使用 React 进行测试驱动开发

本课程深入探讨 React 中的测试。你将学习使用 Jest 和 Enzyme 等工具进行单元测试和集成测试。你还将了解 ESlint、Prettier、Babel、Webpack 和 Travis CI 等其他工具,它们能为编码和测试带来便利。

8 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 React 进行测试驱动开发
本课程深入探讨 React 中的测试。你将学习使用 Jest 和 Enzyme 等工具进行单元测试和集成测试。你还将了解 ESlint、Prettier、Babel、Webpack 和 Travis CI 等其他工具,它们能为编码和测试带来便利。

WHAT YOU'LL LEARN

使用 Jest 在 React 项目中进行测试驱动开发

Content

8 Lessons • 0 Quizzes • 0 Challenges

开始之前
  1. 1

    本课程主要内容是什么?

  2. 2

    一些有助于更好享受课程的小贴士

使用 Jest 进行测试驱动开发
  1. 1

    为什么采用测试驱动开发和 Jest

  2. 2

    Node 和 npm

  3. 3

    使用 npx 和 npm 运行 Jest

  4. 4

    你的第一个测试

  5. 5

    为什么使用测试驱动开发

  6. 6

    自动运行测试与代码覆盖率

  7. 7

    使用 Git 进行测试驱动开发

  8. 8

    心法

  9. 9

    通过 Jest 对测试驱动开发进行自我测试。

与 VS Code 的集成工具
  1. 1

    VS Code 简介

  2. 2

    编辑快捷键与源代码控制

  3. 3

    VS Code 用户设置

  4. 4

    使用 ESLint 检查代码质量

  5. 5

    ESLint 与 VS Code 集成

  6. 6

    Prettier 用于美化你的代码

  7. 7

    Prettier 与 VS Code 集成

  8. 8

    使用 VS Code 的 Wallaby

  9. 9

    心法

  10. 10

    在 VS Code 和集成工具中自我测试

使用 Enzyme 测试 React
  1. 1

    Enzyme 简介(orientation)

  2. 2

    React、Babel 和 JSX

  3. 3

    Babel 与 Jest、ESLint、Prettier 和 Wallaby 配合使用

  4. 4

    使用 Enzyme 进行组件测试

  5. 5

    使用组件的属性进行工作与测试

  6. 6

    Jest 配置

  7. 7

    使用子DOM元素进行测试

  8. 8

    测试有状态组件

  9. 9

    在测试中操作有状态组件的状态

  10. 10

    心法

  11. 11

    使用 Enzyme 进行测试自测

使用 Styled-Components 在 JavaScript 中进行样式设计
  1. 1

    CSS-in-JS 简介

  2. 2

    Webpack

  3. 3

    Webpack 配置与服务器

  4. 4

    样式组件

  5. 5

    创建样式组件

  6. 6

    Babel 插件和 StyleLint

  7. 7

    测试样式组件

  8. 8

    为样式组件测试添加样式断言

  9. 9

    Jest 快照

  10. 10

    心法

  11. 11

    在 Styled-Components 上自我测试

使用高阶组件进行重构
  1. 1

    高阶组件

  2. 2

    创建高阶组件

  3. 3

    测试高阶组件

  4. 4

    可控模式

  5. 5

    多个高阶组件

  6. 6

    心法

  7. 7

    在高阶组件上自我测试

持续集成与协作
  1. 1

    GitHub 和 Travis CI

  2. 2

    Travis CI 配置

  3. 3

    使用 Husky 配置 Git 钩子

  4. 4

    使用 Storybook 添加文档

  5. 5

    Storybook 中的插件

  6. 6

    心法

  7. 7

    在持续集成与协作方面自我测试

结论
  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)