前端開發測試入門｜現在知道也還不遲的自動化測試策略必備知識 フロントエンド開発のためのテスト入門
吉井 健文 温政堯 譯
- 出版商: 碁峰資訊 參展書2書75折
- 出版日期: 2024-04-24
- 定價: $580
- 售價: 7.9 折 $458
- 語言: 繁體中文
- 頁數: 320
- 裝訂: 平裝
- ISBN: 6263247878
- ISBN-13: 9786263247871
-
相關分類:
Unit Test 單元測試
立即出貨 (庫存 > 10)
買這商品的人也買了...
-
易讀程式之美學－提升程式碼可讀性的簡單法則 (The Art of Readable Code)$480$379 -
Web 應用系統安全｜現代 Web 應用程式開發的資安對策 (Web Application Security)$580$458 -
看完這本就會懂！帶你無痛提升 JavaScript 面試力：精選 55道前端工程師的核心問題 × 求職加分模擬試題解析$680$530 -
![軟體測試實務 : 業界成功案例與高效實踐 [ I ]-cover](https://cf-assets2.tenlong.com.tw/products/images/000/190/416/medium/9786263334854_bc.jpg?1684829887)
軟體測試實務 : 業界成功案例與高效實踐 [ I ]$650$507 -
DevOps Handbook ｜打造世界級技術組織的實踐指南, 2/e (中文版) (The Devops Handbook: How to Create World-Class Agility, Reliability, & Security in Technology Organizations, 2/e)$650$513 -
Vue.js 3 前端測試入門從這裡開始：透過 Vitest + Vue Test Utils 實現自動化測試（iThome鐵人賽系列書）【軟精裝】(封面有些許小摺痕,不介意再下單)$720$561 -
Azure DevOps 設計策略與實戰分析：開發工程師從入門到進階完全指南（iThome鐵人賽系列書）【軟精裝】$760$592 -
前端開發資安入門｜你不能忽視的漏洞對策必備知識$520$390 -
$652ReactJS 實踐入門 -
Staff 工程師之路｜獻給個人貢獻者成長與改變的導航指南 (The Staff Engineer's Path)$580$458 -
React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者（iThome鐵人賽系列書）【平裝】$750$585 -
程式設計守則｜如何寫出更好的程式碼 (The Rules of Programming: How to Write Better Code)$620$489 -
K8S 自學聖經：10大核心模板快速入門【圖解教學】$790$624 -
寫程式前的必學工具：命令列、編輯器、Git/GitHub，軟體開發三本柱一次搞定$490$387 -
Google Analytics GA4 商業分析大全：人工智慧賦能，幫你鎖定對的訪客，打贏網路商戰$690$545 -
極速 ChatGPT 開發者兵器指南：跨界整合 Prompt Flow、LangChain 與 Semantic Kernel 框架$680$530 -
AI 助攻 Python 超級入門 創意設計 x AI 程式實作$580$458 -
建立演進式系統架構｜支援常態性的變更, 2/e (Building Evolutionary Architectures: Automated Software Governance, 2/e)$580$458 -
LangChain 開發手冊 -- OpenAI × LCEL 表達式 × Agent 自動化流程 × RAG 擴展模型知識 × 圖形資料庫 × LangSmith 除錯工具$680$537 -
實戰領域驅動設計：高效軟體開發的正確觀點、應用策略與實作指引 (Implementing Domain-Driven Design)$1,280$998 -
威脅建模｜開發團隊的實務指南 (Threat Modeling: A Practical Guide for Development Teams)$680$537 -
駕馭組織 DevOps 六面向：變革、改善與規模化的全局策略$750$585 -
Clean Code 錦囊妙計 (Clean Code Cookbook : Recipes to Improve the Design and Quality of Your Code)$880$695 -
前端測試指南：策略與實踐$650$507 -
Beyond XSS：探索網頁前端資安宇宙$880$695
碁峰書展｜參展書2書75折 詳見活動內容 »
-
79折
不用自己寫！用 GitHub Copilot 搞定 LLM 應用開發$600$474 -
79折
內行人才知道的系統設計面試指南$580$458 -
79折
提升程式設計師的面試力｜189道面試題目與解答, 6/e (修訂版) (Cracking the Coding Interview : 189 Programming Questions and Solutions, 6/e)$980$774 -
79折
Software Architecture in Practice, 4/e (繁體中文版)$780$616 -
79折
內行人才知道的系統設計面試指南 第二輯 (System Design Interview – An Insider's Guide: Volume 2)$820$647 -
79折
敏捷團隊目標設定指南｜OKR 落地與成果導向實踐法$500$395 -
79折
內行人才知道的物件導向設計面試指南$690$545 -
79折
內行人才知道的生成式 AI 系統設計面試指南 (Generative AI System Design Interview)$750$592 -
75折
團隊自省指南｜打造敏捷團隊$500$375 -
79折
Arduino 自走車最佳入門與應用 -- 打造輪型機器人輕鬆學, 2/e$600$474 -
79折
凡人也能懂的白話人工智慧演算法 (Grokking Artificial Intelligence Algorithms)$580$458 -
79折
戰勝 C語言, 3/e$600$474 -
79折
內行人才知道的程式設計模式面試指南 (Coding Interview Patterns: Nail Your Next Coding Interview)$780$616 -
79折
SQL Server 2025/2022 資料庫設計與開發實務$700$553 -
79折
AI 超神簡報術：NotebookLM × Gemini × Gamma 全解鎖 (附範例素材/提示詞/影音教學)$550$434 -
79折
Python 初學特訓班：從快速入門、主流應用到 AI 全面實戰, 6/e (附超過500分鐘影音教學/範例程式)$490$387 -
79折
重構｜改善既有程式的設計, 2/e (繁中平裝版)(Refactoring: Improving The Design of Existing Code, 2/e)$800$632 -
79折
Python 自動化的樂趣｜搞定重複瑣碎&單調無聊的工作, 3/e (Automate the Boring Stuff with Python, 3/e)$980$774 -
79折
Visual C# 2026 超級必修課：ChatGPT 與 Copilot 協作、Azure OpenAI 實戰開發$580$458 -
75折
ChatGPT 5 實戰應用：提問技巧、資料解析、圖像生成、語音助理、工作自動化、跨工具整合$500$375 -
75折
深入 Linux Kernel 程式設計：kernel 內部原理、模組開發與同步機制, 2/e (Linux Kernel Programming : A comprehensive and practical guide to kernel internals, writing modules, and kernel synchronization, 2/e)$980$735 -
79折
內行人才知道的機器學習系統設計面試指南 (Machine Learning System Design Interview)$680$537 -
5折
戰勝 C語言, 2/e (過版書特價)$580$290 -
79折
AI 提問 X 學習 X 應用：ChatGPT、NotebookLM、Gemini、GitHub Copilot，從零到 AI Agent 實戰$390$308 -
79折
Code That Fits in Your Head｜軟體工程的啟發式方法$580$458
相關主題
商品描述
你有這些煩惱嗎？
「雖然知道測試很重要，但遲遲尚未著手進行」
「雖然有一定的開發經驗，但沒寫過測試」
「不確定目前採用的測試方法是不是最合適的選擇」
想要就自信滿滿地寫下測試程式碼，然後暢快地說出
「會寫測試真是太好了！」
這本書就是專門為您所寫的教戰手冊
立刻就能派上用場的測試工具應用技巧！
現在的Web應用程式都需要在畫面上提供越來越高階的功能，而為了要確保品質跟易於維護與否，前端自動化測試就扮演著相當重要的角色。
本書是針對Web應用程式開發「前端測試」基本知識與具體實務執行方式的書籍。
透過真實的程式碼來進行教學，講解基本的測試程式碼寫法，更分享了前端特有的測試方法與工具該如何應用。
‧UI元件測試
‧視覺回歸測試
‧E2E測試
‧提升無障礙性
‧在持續整合環境執行測試
有系統地學習前端測試，做到高品質、好維護！
還不只這些，就連「顧及無障礙性」跟「在持續整合環境執行測試」的議題也都跟上趨勢，相信各位可以紮實地學會開發現場第一線人員必備的測試知識與技巧。
適用對象：
‧完全沒有建構過前端軟體的讀者
‧完全沒有寫過測試程式碼的讀者
‧沒有寫過囊括資料庫在內的E2E測試的讀者
目錄大綱
前言
本書適用對象
本書軟體執行環境
第 1 章 測試的目的與障礙
1-1本書的內容編排
1-2 寫測試的目的
1-3 寫測試的障礙
第 2 章 測試方法與測試策略
2-1 以範圍與目的來思考測試
2-2 前端測試的範圍
2-3 前端測試的目的
2-4 測試策略模型
2-5 測試策略計畫
第 3 章 單元測試入門
3-1 建構環境
3-2 組成測試的元素
3-3 實施測試的方法
3-4 條件判斷
3-5 臨界值與例外處理
3-6 比對器
3-7 非同步測試
第 4 章 模擬（Mock）
4-1 模擬的目的
4-2 運用模擬模組的 Stub
4-3 Web API 的模擬基礎
4-4 Web API 模擬生成函式
4-5 使用模擬函式的 Spy
4-6 Web API 的細部模擬
4-7 依賴當前時間的測試
第 5 章 UI 元件測試
5-1 UI 元件基本知識
5-2 安裝需要的函式庫
5-3 開始 UI 元件測試
5-4 項目清單 UI 元件測試
5-5 互動式 UI 元件測試
5-6 使用公用函式進行測試
5-7 含有非同步處理的 UI 元件測試
5-8 UI 元件的快照測試（snapshot testing）
5-9 原生角色與無障礙名稱（accessible name）
第 6 章 怎麼看程式碼覆蓋率報告（Coverage Report）
6-1 程式碼覆蓋率報告簡介
6-2 怎麼解讀程式碼覆蓋率報告
6-3 選擇喜歡的報表產生器
第 7 章 Web 應用程式整合測試
7-1 Next.js 應用程式開發與整合測試
7-2 React Context 整合測試
7-3 Next.js Router 的畫面顯示整合測試
7-4 Next.js Router 系統操作整合測試
7-5 使用React Hook Form 讓表單更好操作
7-6 表單驗證測試
7-7 模擬 Web API 回應的 MSW（Mock Service Worker）
7-8 Web API 整合測試
7-9 圖片上傳整合測試
第 8 章 UI 元件總管
8-1 Storybook 基本介紹
8-2 Storybook 必要的附加元件（Add-on）
8-3 註冊依賴 Context API 的 Story
8-4 註冊依賴 Web API 的 Story
8-5 註冊依賴 Next.js Router 的 Story
8-6 用 Play function 進行互動測試
8-7 運用 addon-a11y 進行無障礙性測試
8-8 Storybook 的測試執行器
8-9 將 Story 作為整合測試加以運用
第 9 章 視覺回歸測試
9-1 為什麼需要視覺回歸測試
9-2 使用 reg-cli 比較圖片
9-3 導入 Storycap
9-4 導入 reg-suit
9-5 準備外部儲存服務
9-6 讓 reg-suit 與 GitHub Actions 連動
9-7 運用視覺回歸測試來積極進行重構
第 10 章 E2E 測試
10-1 E2E測試簡介
10-2 Playwright 的安裝與基本講解
10-3 簡介測試目標的應用程式
10-4 在開發環境中執行E2E測試
10-5 簡介 Prisma 以及如何準備測試
10-6 登入功能的 E2E 測試
10-7 個人資訊功能的 E2E 測試
10-8 使用 E2E 測試確認按讚（Like） 功能
10-9 建立新文章頁面的 E2E 測試
10-10 文章編輯頁面的 E2E 測試
10-11 文章清單頁面的 E2E 測試
10-12 面對 Flaky 測試
結語
索引
附錄 A 使用 GitHub Actios執行 UI 元件測試（PDF 電子書，請線上下載）
附錄 B 使用 GitHub Actios 執行 E2E 測試（PDF 電子書，請線上下載）
