用途:该技能通过 Playwright CLI 和 MCP 工具实现无头浏览器自动化,覆盖端到端测试、UI 验证、截图、视觉回归、表单提交测试、多页面流程校验以及网页抓取与内容提取。
主要能力:MCP 提供 browser_navigate、browser_click、browser_fill_form、browser_take_screenshot、browser_snapshot、browser_evaluate、browser_type、browser_select_option、browser_wait_for、browser_network_requests、browser_console_messages、browser_hover、browser_drag、browser_handle_dialog、browser_file_upload、browser_tabs、browser_resize、browser_close、browser_install、browser_run_code 等工具,可导航、交互、截图、读取无障碍树、执行页面脚本、检查网络与控制台输出。
使用方式:先加载工具(ToolSearch "playwright"),再导航、交互、逐步截图、验证并关闭浏览器。CLI 常用命令包括 npx playwright install chromium、npx playwright test、npx playwright test --headed、npx playwright codegen http://localhost:3000、npx playwright show-report、npx playwright test --project=chromium。截图命名建议 {step-number}-{description}.png,产物存放于 ai-review/screenshots/、test-results/、playwright-report/。可通过 storageState 保存并复用登录态,用 --workers 控制并行。
适用场景:E2E 测试执行、UI 截图审查、视觉回归、网页抓取、表单测试、Lighthouse 类性能审计、多页面工作流验证。
限制与注意:不适用于单元测试(用 Vitest/Pytest)、纯 API 测试、个人浏览器会话或静态代码分析。默认无头运行,仅在调试时用 --headed;避免硬编码选择器,优先 data-testid 或可访问角色;避免 page.waitForTimeout(),改用 page.waitForSelector() 或 browser_wait_for;需显式设置超时并管理认证状态以防凭据泄露。具体配置与项目集成细节以实际项目为准。