返回教程

UI 测试手册

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

概述

UI 测试对于交付高质量的体验至关重要。但测试方法众多,令人眼花缭乱,难以确定哪种最适合您的项目。本指南提炼了 Target、Adobe、O'Reilly 和 Shopify 等领先团队的经验,形成了一个务实的测试策略,该策略提供全面的覆盖、简单的设置和低维护成本。我们将引导您完成工具设置、编写测试和自动化工作流程的流程。

目录
  1. 1
    简介
    最新可用于生产环境的 UI 测试技术
  2. 2
    视觉
    了解如何自动精确定位 UI bug
  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
加入社区
7,424开发者及更多
原因为什么选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与进来博客
展示探索关于
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI