Kite Fly

 當UI 改變component 後, 是使用playwright mcp test 的 Healer 功能 讓他自動修復嗎? 是的，當 UI 改變 component 導致測試失敗時，正是使用 Playwright 內建的 Healer 功能來進行自動分析與修復。 Playwright Test Agents 的 Healer 運作機制 Playwright 內建的測試代理（Test Agents）包含 Planner、Generator 與 Healer 三個核心元件。當 UI 變動（例如修改了按鈕文字、更換了標籤或調整了 Selector）導致自動化測試崩潰時，Healer 會執行以下步驟 實作Playwright Test Agents Healer 修復功能 https://agile3uncles.com/2026/07/27/playwright-healer/

Playwright MCP (@playwright/mcp) • 主要用途：讓 AI 代理（AI Agent）直接驅動及互動真實的網頁瀏覽器。 • 運作方式：將瀏覽器的基本動作（如開啟網頁、點選按鈕、填寫表單、抓取文字）包裝成 MCP 工具。 • 適用場景：即時網頁自動化、瀏覽器操作、爬蟲與資料擷取，或讓 AI 幫忙手動探索網頁。 [1, 2] Playwright Test MCP • 主要用途：緊密結合專案中的 Playwright Test 測試框架，專門處理自動化測試的生命週期。 • 運作方式：提供測試規劃（Planner）、程式碼產生（Generator）以及自我修復與除錯（Healer）等高階測試指令與工具。 • 適用場景：根據需求文件自動產生測試案例、分析並修復失敗的測試腳本，適合整合進開發與測試流程 Playwright MCP 跟一般 Playwright 測試差在哪？ https://iambigd.tw/playwright-vibe-coding-ai-agent-testing-guide Browser MCP 跟 Playwright skill 最大的差別是「誰來控制瀏覽器」。 Browser MCP 是把瀏覽器變成 MCP Server，讓 Claude、Cursor 這類 AI agent 透過 MCP 協議直接下指令。AI 自己決定要點哪、輸入什麼，你不用寫腳本。它適合做探索、測試、自動化流程。 Playwright skill 則是 Claude Code 內建的工具，底層一樣用 Playwright，但它是「技能包」。你下指令讓 Claude 去寫或執行一段固定的 Playwright 腳本，更像你叫 AI 幫你寫 code 再跑。彈性低但穩定可控。 簡單記：MCP 是讓 AI 即時遙控瀏覽器，Playwright skill 是讓 AI 幫你寫好劇本再演。   d