Vue.js 3前端測試入門從這裡開始：透過Vitest + Vue Test Utils實現自動化測試（iThome鐵人賽系列書）【軟精裝】 (1版)

類似書籍推薦給您

內容簡介 　　♚瞭解測試概念：理解測試目的及方向，寫測試不迷惑 　　♚學習測試語法：跟著範例檔實際測試，加深學習印象 　　♚測試最佳實踐：撰寫測試也可以寫得既簡潔與優雅 　　♚搭配現代技術：結合GitHub Copilot愜意撰寫測試 　　本書內容改編自第14屆iThome鐵人賽Modern Web組的優選系列文章《「你知道這是什麼嗎？」小白也能輕鬆瞭解的Vue3單元測試！Feat. Vitest + Vue Test Utils》。如果你曾遇過下列的狀況：「調整前端程式碼時改東壞西」、「想要最佳化程式碼卻擔心改壞原先的內容」、「擁有自己的前端開源項目而想要提升項目的品質」，那麼你一定不能錯過「前端測試」這項技術。 　　本書將循序漸進介紹前端工程師要如何撰寫前端測試程式碼，書籍內容從撰寫測試程式碼所需具備的測試概念開始，再透過範例程式碼來深入運用Vitest、Vue Test Utils等工具，最終學會單元測試、Vue元件測試以及Vue周邊生態工具測試該如何進行，並瞭解如何搭配GitHub Copilot來輔助我們撰寫測試。如此一來，我們便可在不影響原先實作程式碼的情況下，透過撰寫測試程式碼來驗證實作程式碼的正確性，使我們進行重構時更有信心，幫助我們撰寫程式碼時考慮得更周全。 　　【目標讀者】 　　♚想瞭解前端測試如何撰寫、卻又不知道從何開始的前端工程師。 　　♚想對前端領域的開源項目撰寫測試的開源貢獻者。 　　♚想用測試精進前端技能的前端工程師。 本書特色 　　前端測試就是快速精進前端程式碼的捷徑！ 　　全台第一本高速有效的前端測試絕佳指南，學習前端測試So Easy！ 　　打造堅固且穩定的測試基礎，是高效重構與調整前端程式碼的不二法則！ 目錄 |Chapter 01| 在撰寫測試之前 1.1 對測試的期望 1.2 撰寫測試時的脈絡 |Chapter 02| 設置測試環境 2.1 安裝管理套件工具 2.2 安裝版控工具與複製專案 2.3 瞭解測試環境設定檔 |Chapter 03| 單元測試 3.1 測試情境與測試案例 3.2 準備（Setup）與拆遷（Teardown） 3.3 斷言（Assertion ） |Chapter 04| 元件測試 4.1 容器（Wrapper） 4.2 容器方法（Wrapper Methods） 4.3 模擬元件 |Chapter 05| 控制測試環境 5.1 受測物與依賴物 5.2 測試替身類型 5.3 Vue Test Utils中的測試替身 5.4 Vitest中的測試替身 |Chapter 06| Vue Ecosystem 6.1 Vue Router 6.2 Pinia |Chapter 07| 相關工具 7.1 Vitest UI 7.2 覆蓋率（Coverage） |Chapter 08| 最佳實踐 8.1 3A模式結合生命週期 8.2 簡短的行內快照 8.3 工廠模式 8.4 測試公開介面 8.5 F.I.R.S.T.原則 8.6 避免過度使用Setup & Teardown API |Chapter 09| 透過GitHub Copilot編寫測試程式碼 9.1 前置準備 9.2 實際應用於測試程式碼

前端開發測試入門: 現在知道也還不遲的自動化測試策略必備知識 (1版)

類似書籍推薦給您

【簡介】 你有這些煩惱嗎？ 「雖然知道測試很重要，但遲遲尚未著手進行」 「雖然有一定的開發經驗，但沒寫過測試」 「不確定目前採用的測試方法是不是最合適的選擇」 想要就自信滿滿地寫下測試程式碼，然後暢快地說出 「會寫測試真是太好了！」 這本書就是專門為您所寫的教戰手冊 立刻就能派上用場的測試工具應用技巧！ 現在的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 電子書，請線上下載）

乙級印前製程技能檢定學科試題超詳解(2025最新版)(附學科測驗卷) (1版)

類似書籍推薦給您

【簡介】 本書特色 學科試題詳解，面對考試沒煩惱！ 內容簡介 本書依據勞動部乙級印前製程技能檢定最新公告撰寫而成，內含有： 1.學科試題與詳解 2.共同科試題 隨書附贈學科測驗卷(9回，每回80題)，提供最全面的練習。 【目錄】 學科篇 工作項目01 ｜ 原稿判讀與處理 工作項目02 ｜ 設備器材使用與維護 工作項目03 ｜ 組版用檔案之輸入與處理 工作項目04 ｜ 組版 工作項目05 ｜ 輸出 共同科篇 共同科目01 ｜ 90006　職業安全與衛生 共同科目02 ｜ 90007　工作倫理與職業道德 共同科目03 ｜ 90008　環境保護 共同科目04 ｜ 90009　節能減碳