手工編寫端到端測試長期以嚟有三個核心問題：編寫耗時——一個完整功能模塊嘅測試套件要 11-17 個鐘；維護成本高——前端重組導致選擇器漂移，產生大量假陽性；覆蓋唔完整——容易漏邊界條件同異常路徑。Playwright v1.56 引入嘅 Test Agents 就係為咗解決呢啲問題。

呢三個 Agent——Planner（規劃器）、Generator（生成器）同Healer（修復器）——透過 Model Context Protocol（MCP）連接 LLM 同真實瀏覽器，用無障礙樹（Accessibility Tree）而唔係屏幕截圖嚟理解頁面結構，所以輸出嘅定位器更穩定。

以 TodoMVC 為例，先寫一個最簡單嘅種子測試，淨係得 page.goto()。然後喺 VS Code Copilot Chat 輸入 @planner 要求生成測試計劃，Planner 會自動瀏覽應用，幾分鐘後就喺 specs/ 目錄產出結構化計劃。

跟住輸入 @generator 令 Generator 讀取計劃生成代碼，佢會用 getByRole() 等語義化定位器，每個步驟都有清晰註釋。如果測試失敗，就輸入 @healer 叫 Healer 自動修復。Healer 會以 debug 模式重放失敗步驟，收集 console 日誌同網絡請求，判斷係邊類問題，然後生成修補並自動重跑，直至通過或者達到保護上限。

import { test, expect } from './fixtures';
test('seed', async ({ page, auth }) => {
 await auth.login('testuser@example.com', 'password123');
 await page.goto('https://your-app.com/dashboard');
 await expect(page.getByText('Welcome back')).toBeVisible();
});

想 Agent 生得好，首先 playwright.config.ts 要 set 好：建議開啟 trace: 'on-first-retry' 同 screenshot: 'only-on-failure'，咁 Healer 同人工排查都有足夠資訊。重試次數就 CI 用 2 次，本地用 0 次以保持快反應。

定位器策略方面，Agent 預設跟 Playwright 嘅內置優先級：getByRole() 排第一，跟住 getByLabel()、getByPlaceholder()、getByTestId()</highlight-inline>，最後先用 CSS 層級。你可以喺種子測試入面顯式使用優先定位器，Agent 就會學習你嘅風格。

import { defineConfig, devices } from '@playwright/test';
export default defineConfig({
 testDir: './tests',
 fullyParallel: true,
 forbidOnly: !!process.env.CI,
 retries: process.env.CI ? 2 : 0,
 workers: process.env.CI ? 4 : undefined,
 reporter: [
 ['html', { open: 'never' }],
 ['json', { outputFile: 'test-results.json' }],
 ],
 use: {
 baseURL: process.env.BASE_URL || 'http://localhost:3000',
 trace: 'on-first-retry',
 screenshot: 'only-on-failure',
 video: 'retain-on-failure',
 },
 projects: [
 { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
 { name: 'firefox', use: { ...devices['Desktop Firefox'] } },
 { name: 'webkit', use: { ...devices['Desktop Safari'] } },
 ],
});

Spritle 團隊喺 2025 年嘅實踐數據好有參考價值：為一個用戶管理模塊生成測試，手工預估 11-17 個鐘，Agent 淨係用咗約 1.5 個鐘（效率提升約 90%）；Planner 自動發現咗 90+ 測試場景；Generator 產出 1500+ 行 TypeScript 代碼，首次通過率 100%；Healer 喺 30 日內自動修復咗約 12 次 CI 管道斷裂。關鍵成功因素包括種子測試預配置咗完整認證 fixtures，同埋用 PRD 做 Planner 嘅輸入。

不過實際用起上嚟都有幾個常見問題：test.describe() 調用錯誤係 v1.56 嘅已知 bug，通常係因為 MCP 直接 import 測試文件而唔經測試運行器，解決方法係確保種子測試最簡化，同檢查有冇多個 @playwright/test 版本。Agent 無法啟動瀏覽器就要重新 install 瀏覽器；生成嘅選擇器唔穩定</highlight-inline>就要喺種子測試入面強化 getByRole() 同 getByTestId() 嘅使用。