回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 元學堂

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引
 

出版總覽
 

讀者服務
  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名：前端測試指南：策略與實踐
書號：MP22436 作者：唐心皓（Summer） ISBN： 978-626-333-874-6
定價：NT$650元 印刷：單色 頁數：336頁
書籍規格：17*23 上市日：2024/6/16 譯者：(無)
學習定位：初階 本書附件：線上範例程式碼  
前往購買 >> 蝦皮購物 類別：電腦技術  
       
快速前往 快速前往 快速前往        

 

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

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

    Odd-e Taiwan 敏捷技術教練 | 陳仕傑 (91) 2024/5/1


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

    五倍學院 | 高見龍


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

    PJCHENder 網頁開發咩腳版主、《從 Hooks 開始，讓你的網頁 React 起來》作者 | 陳柏融


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

    【本書內容】
    主要分為八大部份：
    ● 測試入門：深入介紹前端網頁測試的基本概念、測試技術、以及前端測試的多樣種類。
    ● 單元測試：詳細探討如何針對最小範圍進行邏輯驗證，強調元件測試的重要性，並評比常用測試框架，確保基礎工作得當。
    ● 整合測試：驗證特定功能，介紹如何以使用者的角度測試功能與盡量擬真、模擬和快照該怎麼用，逐步提升品質的穩定性。
    ● 端對端測試：驗證操作流程，探討如何透過模擬真實使用者的操作行為，實現更全面的測試，以達到完整的功能覆蓋。
    ● 視覺測試：驗證畫面正確性，詳述如何精確比對畫面，並針對跨瀏覽器和跨視區等多種變因，加速UI 測試的進行。
    ● 測試時機：介紹執行測試的不同時機和方法，包含前置指令、手動觸發、合併程式碼前後和持續整合，以及從程式碼的覆蓋率來推敲使用案例的覆蓋率。
    ● 狀況題：針對各種測試的疑難雜症，提供實用的解決方案，解救攻城獅克服測試的挑戰。
    ● 分享如何善用GitHub Copilot 與ChatGPT 提升撰寫測試的效率，有效提高產能。
 
    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中英文名詞索引
 
    唐心皓（Summer）
    工程師、講者以及作家，是技術部落格「Summer。桑莫。夏天」與《打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵》的作者。擅長SEO、前端效能與測試。相信知識的分享能打破隔閡、讓世界更加美好。
 
    ■第 1、2、4、5、7 章：https://bit.ly/49wKbrC
    ■第 3 章：https://bit.ly/3SZw2xL
    ■第 5 章：https://bit.ly/3MB2xxn
 
 		  
     

博碩文化客服信箱
 

[email protected]
 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮、金門
汪 玉 鳳
LINE ID：0925177716
0925-177716
[email protected]		 郭 南 彤
LINE ID：rgtech101
0917-727778
[email protected]
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID：0925275775
0925-275775
[email protected]
助理分機 519		 嘉義、台南、高雄、屏東、台東、澎湖
林 月 玲
LINE ID：0926858627
0926-858627
[email protected]
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話：02-2696-2869 分機：623 [email protected]

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel：02-2696-2869　Fax：02-2696-2867　劃撥帳號：17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.