如何使用 Storybook 測試 UI

Storybook 提供了一個乾淨的環境，用於隔離測試組件。Stories 讓探索組件的所有變體變得容易，無論多麼複雜。

這表示 stories 是 UI 測試策略的實用起點。您已經將 stories 作為 UI 開發的自然組成部分來編寫，測試這些 stories 是一種低成本的方式，可以長期預防 UI 錯誤。

最簡單的測試方法是手動「抽樣檢查」。您在本地執行 Storybook，然後目測檢查每個 story 以驗證其外觀和行為。發佈您的 Storybook 線上版本，以分享重現並讓團隊成員參與。

為了隔離測試組件，您通常必須模擬資料、依賴項，甚至是網路請求。請查看我們的在 Storybook 中模擬指南以取得更多資訊。

Storybook 還附帶工具、測試執行器，以及與更大的 JavaScript 生態系統的便捷整合，以擴展您的 UI 測試覆蓋率。這些文件詳細說明了如何使用 Storybook 進行 UI 測試。