Playwright Agent healer

https://www.youtube.com/watch?v=ABKjVyh1iX4
 
那我在visual code 內用opencode.用這指令 npx playwright init-agents --loop=opencode 之後要做什模步驟才可以測試playwright agent healer 功能

執行 npx playwright init-agents --loop=opencode 後，如果你想在 Visual Studio Code (VS Code) 內測試 Playwright 的 Healer（自動修復）功能，你需要透過 OpenCode 提供的客戶端/擴充功能或終端機來驅動這個代理環境。

以下是完整的測試步驟：

步驟一：確保你有一個「會失敗」的測試案例

Healer 的核心功能是診斷並修復失敗的測試。你必須在 tests/ 資料夾下，準備一個因為網頁改版、網頁元素變動（例如 Selector 改變）而必然會執行失敗的 Playwright 測試檔案（如 tests/failed-demo.spec.ts）。 [1, 2, 3]

步驟二：安裝並啟動 OpenCode 工具

由於你指定了 --loop=opencode，你不能直接使用 VS Code 原生的 Copilot 面板，而是需要透過 OpenCode 的介面： [, 2]

1. 請確認已下載並安裝 OpenCode 的獨立應用程式，或其對應的 VS Code 擴充外掛。
2. 在該環境中開啟你目前的 Playwright 專案資料夾。 [1, 2]

步驟三：提供 Healer 代理設定檔

檢查你的專案根目錄，初始化後應該會生成一個 agents/（或對應 OpenCode 的設定）資料夾，裡面包含三個 Markdown 代理定義檔： [1, 2]

• playwright-test-planner.agent.md
• playwright-test-generator.agent.md
• playwright-test-healer.agent.md [1]

這些檔案包含了 OpenCode 的 AI 讀取 MCP 工具時所需的指令與權限（請勿刪除或隨意更名）。 [1, 2]

步驟四：在 OpenCode Chat 中切換並下達指令

1. 開啟 OpenCode 的 AI 對話面板（Chat 面板）。
2. 切換或指定你的 AI 模式為 Healer 模式（或是確保 OpenCode 已經載入 playwright-test-healer.agent.md 的內容）。
3. 傳送 Prompt 指令給 AI，要求它去修復該失敗的測試。 [1, 2, 3]

常用的 Prompt 指令範例：

• "Run the playwright test healer on the test suite in /tests."
• "請幫我診斷並修復 tests/failed-demo.spec.ts 裡面失敗的測試案例。"

[1]

步驟五：觀察 Healer 的自癒流程

收到指令後，Playwright Healer 代理會自動執行以下循環： [1]

1. 重放失敗步驟：在背景或開啟瀏覽器跑一次失敗的測試，擷取 Trace Log 錯誤訊息。
2. 分析 UI 元素：AI 會檢查當前網頁的 HTML 結構，找出定位失效（Selector）的原因。
3. 自動修復並重試：AI 會自動修改測試程式碼中的錯誤定位（Locator），並重新執行測試直到綠燈通過為止。
4. 人工審查：測試成功後，你可以在 VS Code 中查看 AI 修改後的程式碼差異（Diff），確認沒問題後即可儲存、合併！