跳到主要内容

前端自动化测试

概述

技术选型:Jest + React Testing Library + Cypress + Storybook

说明:

  • Jest 是一个 JavaScript 集大成的测试库,是我们单元测试的基础
  • React Testing Library 则提供了一些 React Component 的 Api ,来协助我们进行 React Dom 和事件相关的单测编写
  • 通过单元测试,我们只能覆盖组件中的除滚动外的大部分场景,对于一些复杂场景覆盖就会比较困难,而 Cypress + Storybook 则可以通过 E2E 端对端的方式帮我们弥补这部分覆盖的缺陷

学习方向:

  • 单元测试
    • 技术选型
    • DOM 查询
    • DOM 断言
    • 事件模拟
    • 异步
    • 定时任务
    • mock
    • renderHook
    • 快照测试
    • Jest 系统原理
  • 端对端测试
  • 持续集成
    • 测试覆盖率
    • CI 持续集成方案
  • 测试理论

参考