返回教程

UI 测试手册

一份强调规模化前端团队使用的 UI 测试策略指南。您将学习如何验证从视觉外观到逻辑的方方面面,甚至检测集成问题。在此过程中,我们将演示如何通过自动运行测试来减少错误。
语言English한국어
4
贡献者
9
章节
UI Testing Handbook

概览

UI 测试是提供高质量体验不可或缺的一部分。但测试方法如此之多,要找出适合您项目的方法可能会让人不知所措。本指南提炼了 Target、Adobe、O'Reilly 和 Shopify 等领先团队的经验教训,形成了一种务实的测试策略,提供全面的覆盖、易于设置和低维护。我们将逐步介绍设置工具、编写测试和自动化工作流程的过程。

目录
  1. 1
    引言
    最新可用于生产环境的 UI 测试技术
  2. 2
    视觉
    学习如何自动检测 UI 错误
  3. 3
    组合
    防止微小改动导致重大回退
  4. 4
    交互
    学习如何模拟用户行为和运行功能检查
  5. 5
    可访问性
    通过集成工具实现快速反馈
  6. 6
    用户流程
    验证您的 UI 端到端功能正常
  7. 7
    自动化
    加快您的工作流程并交付更高质量的代码
  8. 8
    工作流程
    一个不会拖慢您的测试工作流程
  9. 9
    结论
    事半功倍

您将构建的内容

React
Testing Library
Chromatic
Axe
Jest
GitHub Actions
Cypress

Taskbox UI

跟随我们一起测试 Taskbox 应用。这是一个任务管理应用,类似于 Asana,您可以固定、编辑和归档任务。我们将了解如何验证此 UI 的各种特性。

作者
loading
Varun Vachhar
Storybook DX
审阅人
loading
Michael Chan
Storybook DX
loading
Kyle Gach
Storybook DX
loading
Dominic Nguyen
Storybook 设计
loading
Rob Snow
Adobe
加入社区
6,975及更多开发者
为什么为何选择 Storybook组件驱动的 UI
开源软件
Storybook - Storybook 中文

特别鸣谢 Netlify CircleCI