返回教程

UI 测试手册

本指南重点介绍了规模化前端团队使用的 UI 测试策略。您将学习如何验证从视觉外观到逻辑的一切,甚至检测集成问题。在此过程中,我们将演示如何通过自动运行测试来减少错误。
语言英语韩语
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,616开发者及不断增长的人数
为什么为什么选择 Storybook组件驱动 UI
开源软件
Storybook

维护者
Chromatic
特别感谢 Netlify CircleCI