SuperAPI AI 工具集

playwright-visual-testing

测试与质量

查看项目

更新于 10-16 00:05

技能介绍

用途:该技能通过 Playwright MCP 服务器提供浏览器自动化与视觉测试能力,用于现代 Web 应用的 UI 测试、视觉回归检测、跨浏览器验证、响应式设计检查、截图记录以及 E2E 流程验证。

主要能力:浏览器生命周期管理(browser_navigate、browser_navigate_back、browser_close、browser_resize、browser_install);页面检查与截图(browser_snapshot 获取可访问性树与元素 ref、browser_take_screenshot 支持视口/整页/元素截图,png 或 jpeg);交互操作(browser_click、browser_type、browser_press_key、browser_fill_form、browser_select_option、browser_hover、browser_drag);高级操作(browser_evaluate 执行页面 JavaScript、browser_file_upload 上传文件);状态与调试(browser_console_messages、browser_network_requests、browser_handle_dialog、browser_wait_for);标签页管理(browser_tabs 的 list/new/close/select)。

使用方式:先通过 browser_navigate 打开目标 URL,用 browser_snapshot 获取元素 ref,再基于 ref 执行点击、输入、选择、拖拽等操作;截图时指定 filename、type、fullPage 或 element/ref;等待动态内容可用 browser_wait_for 的 text、textGone 或 time 参数。视觉测试流程通常为导航、等待稳定、截图、与基线对比、记录差异。

适用场景:跨浏览器测试、视觉回归、响应式视口验证、表单与多步流程测试、组件状态截图、E2E 用户旅程、PWA/单页应用验证、部署前检查、设计评审截图、可访问性结构检查。

限制:资料未提供具体安装命令、配置方式、收费信息、性能指标或与其他工具的集成细节;部分内容(如官方文档、版本要求)暂未提供。实际使用需依赖 Playwright MCP 服务器环境,截图对比需自行准备基线或外部工具。