SuperAPI AI 工具集

playwright-visual-testing

测试与质量

查看项目

更新于 10-16 00:05

技能介绍

该技能用于基于 Playwright MCP 服务器进行浏览器自动化与视觉测试,适用于现代 Web 应用的 UI 测试、视觉回归检测、跨浏览器验证和端到端流程自动化。

主要能力:通过 MCP 工具管理浏览器生命周期,包括 browser_navigate 导航、browser_navigate_back 后退、browser_close 关闭、browser_resize 调整视口。页面检查方面,browser_snapshot 获取无障碍树快照并提供元素引用,browser_take_screenshot 支持视口、全页和元素截图,可指定 filename、type(png/jpeg)、fullPage、element 与 ref。交互能力包括 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 响应 alert/confirm/prompt 对话框、browser_wait_for 等待文本出现、消失或固定时间、browser_tabs 管理标签页。首次使用可用 browser_install 安装配置指定的浏览器。

使用方式:通过 Playwright MCP 服务器调用上述工具,按视觉测试流程执行——导航到目标页、等待页面稳定、采集无障碍快照、截图并与基线对比(可选)、验证视觉与功能、记录结果。资料提供视觉回归、响应式设计、表单测试、元素级视觉测试、跨浏览器测试和 E2E 用户旅程等模式。

限制:具体安装与配置命令暂未提供;基线对比与差异判定需借助外部工具或人工完成;跨浏览器矩阵需在 MCP 服务器配置中指定。