回到教學

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,721位開發人員及持續增加中
為何為何選擇 Storybook元件驅動的 UI
開放原始碼軟體
Storybook - Storybook 繁體中文

特別感謝 Netlify CircleCI