關於這本書《前端測試指南：策略與實踐》(Frontend Testing Guide: Strategies and Practices)

為什麼要寫這本書 & 本書內容架構

在前端領域，快節奏且不斷革新的開發環境下，如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰，因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質，而解決這個問題的關鍵在於建立適當的測試策略。因此想藉由這本書來分享我在前端測試領域所積累的實務經驗，希望能對大家有所啟發和幫助。

這本書的內容包含：

• 測試入門：深入介紹前端網頁測試的基本概念、測試技術、以及前端測試的多樣種類。
• 單元測試：詳細探討如何針對最小範圍進行邏輯驗證，強調元件測試的重要性，並評比常用測試框架，確保基礎工作得當。
• 整合測試：驗證特定功能，介紹如何以使用者的角度測試功能與盡量擬真、模擬和快照該怎麼用，逐步提升品質的穩定性。
• 端對端測試：驗證操作流程，探討如何透過模擬真實使用者的操作行為，實現更全面的測試，以達到完整的功能覆蓋。
• 視覺測試：驗證畫面正確性，詳述如何精確比對畫面，並針對跨瀏覽器和跨視區等多種變因，加速 UI 測試的進行。
• 測試時機：介紹執行測試的不同時機和方法，包含前置指令、手動觸發、合併程式碼前後和持續集成，以及從程式碼的覆蓋率來推敲使用案例的覆蓋率。
• 狀況題：針對各種測試的疑難雜症，提供實用的解決方案，解救攻城獅克服測試的挑戰。
• 分享如何善用 GitHub Copilot 與 ChatGPT 提升撰寫測試的效率，有效提高產能。

範例程式碼：單元測試、整合測試、端對端測試、狀態管理、視覺測試。

誰適合本書

如果你

• 想深入了解前端測試的種類與實作方式。
• 期待建構靈活易維護的測試程式。
• 渴望高效產出測試程式。
• 面對寫測試時遇到各種難題想要尋求解決方案。

這本書可以給你

• 透過圖文並茂、程式碼範例的深入說明，易於學習、演練和實踐各種前端測試，並在實際應用中感受寫測試的成效。
• 提供明確的原則和觀點，幫助你評估寫測試的策略與成本，並依此做出最適合的選擇。
• 分享有效使用 AI 工具產生測試程式的秘訣，提高產能。
• 透過清楚易懂的範例，深入淺出地解說各類挑戰，協助你輕鬆應對測試戰場的難題。

活動

• 與 Summer 面對面：探索前端開發的修煉之路 (2024/06/19)
• 《前端測試指南：策略與實踐》新書導讀暨簽書會, slides (2024/06/25)
• Agile.Taipei 2024.7 月聚會：《前端測試指南：策略與實踐》新書導讀會 (2024/07/11)

特別感謝

以中文姓名筆畫排序：

• 周聿軒（Sean Chou）
• 高見龍（Eddie Kao）
• 黃鈺婷（Yvonne Huang）
• 劉宗航（Hunter Liu）
• 陳丁群（Kent Chen）

購買資訊

• 實體書
• 電子書
• 方格子 (即將上架)

QnA

整理最近被問到的問題。

如果產品介面很簡單，或是功能沒有這麼重要，前端還需要寫測試嗎？

決定要不要寫測試、寫什麼測試的重點可以放在：

• 確保產品能正常運在。
• 適合團隊的工作模式。