Playwright、Python 與 Pytest 網頁自動化測試課程

第 1 課 • 核心 Python 資料型別與控制流程

精通字串、列表、字典及迴圈，作為測試資料處理的基礎。直接為後續的動態選取器建構與資料驅動測試奠定基礎。

第 2 課 • 物件導向程式設計基礎

應用類別、繼承與封裝來建立頁面物件與測試夾具。為後續介紹的頁面物件模型提供結構基礎。

第 3 課 • Python 環境設定

安裝 Python、設定虛擬環境，並使用 pip 管理套件。建立後續每個章節都依賴的可重現工作空間。

第 4 課 • 檔案輸入輸出與資料格式

讀寫 JSON、CSV 及純文字檔案以管理測試資料。支援後續章節涵蓋的外部資料驅動測試情境。

第 1 課 • Pytest 安裝與測試發現

安裝 Pytest、了解命名慣例，並執行您的第一個測試。建立本課程所有自動化腳本將使用的測試執行器。

第 2 課 • 標記、參數化與篩選

使用標記標記測試，並透過參數化從單一函式產生多個測試案例。實現目標性測試執行與資料驅動情境。

第 3 課 • 用於設定與拆除的夾具

定義具有範圍層級的夾具，以管理瀏覽器執行個體與測試狀態。夾具是在測試之間共用 Playwright 瀏覽器物件的首要機制。

第 4 課 • 設定與外掛程式

透過 pytest.ini 與 conftest.py 設定 Pytest，並使用必要的外掛程式加以擴充。為所有後續章節準備專案結構。

第 1 課 • 自動等待與逾時設定

理解 Playwright 內建的自動等待機制，並設定全域與逐動作的逾時時間。消除導致測試不穩定的明確 sleep 呼叫需求。

第 2 課 • Playwright 架構與安裝

理解 Playwright 如何透過 DevTools 協定與瀏覽器通訊，並安裝 Python 套件。為所有後續的瀏覽器互動建立概念模型。

第 3 課 • 選取器與定位策略

使用 Playwright 的 Locator API，搭配 CSS、XPath、文字、角色與 test-id 選取器。選擇穩固的選取器是影響測試穩定性的首要技能。

第 4 課 • 頁面導覽與基本互動

使用 Page API 導覽 URL、點擊元素、填寫表單及擷取螢幕截圖。這些基礎操作是後續章節中所有測試的基礎。

第 1 課 • 使用 pytest-xdist 進行平行測試執行

使用 pytest-xdist 同時執行測試，以減少整體套件執行時間。需要理解先前介紹的夾具範圍與測試隔離概念。

第 2 課 • pytest-playwright 外掛程式設定

安裝與設定 pytest-playwright，它提供了內建的瀏覽器與頁面夾具。消除了樣板程式碼，並標準化了整個套件中的瀏覽器生命週期管理。

第 3 課 • 撰寫第一個 Playwright-Pytest 測試

使用整合堆疊撰寫能進行導覽、互動與斷言的端對端測試。在增加複雜度之前，驗證環境是否已正確設定。

第 4 課 • 用於瀏覽器管理的自訂夾具

擴充內建夾具以設定基礎 URL、驗證狀態及自訂情境選項。自訂夾具是針對專案特定需求的主要擴充點。

第 1 課 • 鍵盤與滑鼠互動

模擬鍵盤快捷鍵、拖放及精準的滑鼠移動，以應對豐富的 UI 元件。涵蓋無法透過簡單的點擊與填寫呼叫實現的互動。

第 2 課 • 處理動態與非同步內容

等待由 JavaScript 框架渲染的元素，並處理在使用者操作後出現的內容。直接針對現代單頁應用程式中導致測試不穩定的最常見來源。

第 3 課 • 對話框、框架與 Shadow DOM

處理瀏覽器對話框、在 iframe 之間切換，以及穿透 Shadow DOM 邊界。涵蓋需要特殊 Playwright API 的傳統與現代元件模式。

第 4 課 • 檔案上傳與下載處理

自動化檔案輸入元素並攔截瀏覽器下載事件。實現對企業應用程式中常見的文件管理與匯出功能進行測試。

第 1 課 • 使用 Playwright 的 APIRequestContext 進行 API 測試

使用 APIRequestContext 直接傳送 HTTP 請求（無需瀏覽器）進行純 API 測試。在同一個 Pytest 工作階段中結合 UI 與 API 斷言，以實現端對端涵蓋率。

第 2 課 • 測試 WebSocket 與伺服器推送事件

監聽由瀏覽器互動觸發的 WebSocket 框架與伺服器推送事件串流。涵蓋在聊天室、儀表板與即時訊息串流中常見的即時通訊模式。

第 3 課 • 驗證流程與狀態管理

自動化登入流程、持久化驗證 Cookie，並在測試間重複使用工作階段狀態。透過避免重複的登入序列來減少測試執行時間。

第 4 課 • 請求攔截與模擬

攔截外送請求並回傳模擬回應，以將 UI 行為與即時 API 隔離。實現快速、確定性的測試，不依賴後端可用性。

第 1 課 • 專案結構與設定管理

將專案組織成邏輯目錄，並管理依環境而定的設定。建立專業自動化團隊所使用的資料夾佈局與設定策略。

第 2 課 • 元件與片段物件

將導覽列、模態框等可重複使用的 UI 元件建模為獨立的元件類別。將頁面物件模型擴充至處理跨多個頁面出現的共用小工具。

第 3 課 • 頁面物件模型原則

將頁面專屬的定位器與動作封裝在專用類別中，以將測試邏輯與 UI 細節分離。減少重複並將 UI 變更的影響侷限於單一類別。

第 4 課 • 資料管理與測試資料工廠

使用工廠函式與外部資料來源產生和管理測試資料。將測試邏輯與硬編碼值解耦，並支援資料驅動的測試情境。

第 1 課 • 行動裝置與響應式測試

模擬行動裝置、觸控事件與地理位置，以測試響應式版面配置。涵蓋消除在 CI 中對實體裝置需求的裝置模擬 API。

第 2 課 • CI/CD 流水線整合

設定一個 CI/CD 流水線，以安裝相依性、執行完整測試套件並發布報表。自動化品質閘門，以便在合併前驗證每個拉取請求。

第 3 課 • 測試維護與不穩定性管理

使用重試策略與診斷工具，識別、隔離並修復不穩定的測試。隨著受測應用程式的演進，維持套件的長期可靠性。

第 4 課 • 視覺回歸測試

擷取基準螢幕截圖並逐像素比對，以檢測非預期的 UI 變更。增加一個補充功能斷言的視覺品質閘門。