文學季_加碼
前端測試指南:策略與實踐

前端測試指南:策略與實踐

  • 定價:650
  • 優惠價:79513
  • 優惠期限:2024年10月31日止
  • 運送方式:
  • 臺灣與離島
  • 海外
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 可取貨點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 台北、新北、基隆宅配快速到貨(除外地區)
載入中...
  • 分享
 

內容簡介

  在前端領域,快節奏且不斷革新的開發環境下,如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰,因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質,而解決這個問題的關鍵在於建立適當的測試策略。

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

本書特色

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

專業推薦

  這本書非常適合前端工程師全面性地打基礎,不僅能學會撰寫測試程式,還能全局地做出適當的決策。我喜歡這本書的地方在於其結構分明、面向完整,閱讀起來緊湊而輕鬆易懂,範例大小適中且容易實作。這本書可以幫助前端和後端工程師節省時間,進而更有效地學習,拓展人生與職涯的長度、廣度與深度。感謝 Summer 的付出,幫助大家提升產品品質,改善使用者體驗。
  Odd-e Taiwan 敏捷技術教練 | 陳仕傑 (91) 2024/5/1

  雖然寫測試可能還是靠開發者自己的個人經驗,但還是有一些前輩或大神們整理出來的方法論可以參考。
  跟著 Summer 的書學怎麼寫前端測試,也就是學著怎麼寫出更有讓自己更有信心的前端程式碼!
  五倍學院 | 高見龍

  在 Summer 的這本書中,透過深入淺出的方式,介紹了各種不同類型的測試,從單元測試、整合測試、端對端測試,一直到前端特有且重要的視覺測試,全部都有所著墨。同時也示範了如何在 CI 上執行測試,並結合豐富的實務經驗,說明了前端測試為什麼會更著重在測試行為,而非程式的實作。書中更有系統地整理出不同時機適合使用的測試方式和工具。如果你想要對於前端測試有更全面的認識,從類型、工具、到執行有更完整的了解,這絕對是一本值得一看的好書。
  PJCHENder 網頁開發咩腳版主、《從 Hooks 開始,讓你的網頁 React 起來》作者 | 陳柏融
 
 

作者介紹

作者簡介

唐心皓(Summer)


  工程師、講者以及作家,是技術部落格「Summer。桑莫。夏天」與《打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵》的作者。擅長SEO、前端效能與測試。相信知識的分享能打破隔閡、讓世界更加美好。
 
 

目錄

CHAPTER 1測試入門
1-1 什麼是前端網頁測試?為什麼要寫測試?
1-2 前端測試的種類
1-3 測試技術
1-4 測試命名模式
1-5 Mock、Spy 與 Double
1-6 本章回顧與總結

CHAPTER 2單元測試(Unit Testing)
2-1 單元測試
2-2 環境建置、安裝與工具評比
2-3 最小範圍的驗證邏輯
2-4 元件該怎麼寫測試?以 React 為例
2-5 淺渲染與完全渲染
2-6 本章回顧與總結

CHAPTER 3整合測試(Integration Testing)
3-1 整合測試
3-2 以使用者的角度測試功能和盡量擬真
3-3 模擬元件、API 的回應與第三方套件
3-4 快照
3-5 狀態管理該怎麼寫測試?以 Redux 為例
3-6 本章回顧與總結

CHAPTER 4端對端測試(End-to-End Testing)
4-1 端對端測試
4-2 環境建置與安裝
4-3 驗證操作流程
4-4 本章回顧與總結

CHAPTER 5視覺測試(Visual Testing)
5-1 視覺測試
5-2 驗證畫面正確性
5-3 工具評比
5-4 本章回顧與總結

CHAPTER 6寫完測試,然後呢?執行測試的時機和方法
6-1 前置指令與手動觸發測試
6-2 在合併程式碼之前執行測試
6-3 在 CI 上常態地執行測試
6-4 從程式碼的覆蓋率來推敲使用案例的覆蓋率
6-5 本章回顧與總結

CHAPTER 7狀況題
7-1 UI 一更新測試就失敗,該怎麼辦?
7-2 重複測試,該怎麼處理呢?
7-3 Timer 怎麼測?
7-4 如何只模擬部份模組?
7-5 如何 debug ?找不到這個元素怎麼辦?怎麼知道資料流是什麼樣子?
7-6 多國語系怎麼測?
7-7 設定和解除怎麼用? beforeEach、afterEach、 beforeAll、afterAll 是什麼?
7-8 測試該進行型別檢查嗎?
7-9 為什麼有些 test case 有時執行成功,有時執行失敗?
7-10 如何只跑特定測試?以 Jest 為例

CHAPTER 8善用 AI 寫測試
8-1 善用 GitHub Copilot 寫測試
8-2 善用 Mermaid 與 ChatGPT 寫測試

CHAPTER 9總結

CHAPTER 10中英文名詞索引
 

詳細資料

  • ISBN:9786263338746
  • 規格:平裝 / 336頁 / 17 x 23 x 1.76 cm / 普通級 / 單色印刷 / 初版
  • 出版地:台灣

最近瀏覽商品

 

相關活動

  • 【自然科普、電腦資訊】天下文化電子書商業趨勢展:看見無限未來,單書88折、雙書82折
 

購物說明

若您具有法人身份為常態性且大量購書者,或有特殊作業需求,建議您可洽詢「企業採購」。 

退換貨說明 

會員所購買的商品均享有到貨十天的猶豫期(含例假日)。退回之商品必須於猶豫期內寄回。 

辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 

訂購本商品前請務必詳閱商品退換貨原則 

  • 上誼全書系_領券折50
  • 時報暢銷展
  • 知遠暢銷展