返回教程

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,721位开发者及更多
为什么为什么选择 Storybook组件驱动的 UI
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI