SuperAPI AI 工具集

browser-qa

测试与质量

查看项目

更新于 10-15 21:08

技能介绍

用途:在功能部署到 staging/预览环境后,或评审涉及前端的 PR、上线前,自动验证页面 UI 行为。它通过浏览器自动化(claude-in-chrome、Playwright 或 Puppeteer 等 MCP)与真实页面交互。

主要能力分四阶段。一,冒烟测试:访问目标 URL,检查控制台错误(过滤分析等噪声),确认网络请求无 4xx/5xx,对桌面与移动视口截图首屏,并检查 Core Web Vitals(LCP < 2.5s、CLS < 0.1、INP < 200ms)。二,交互测试:点击每个导航链接确认无死链;用有效数据提交表单验证成功态,用无效数据提交验证错误态;测试登录→受保护页面→登出的认证流程;测试结账、引导、搜索等关键用户旅程。三,视觉回归:在 375px、768px、1440px 三个断点截图关键页面,与基线截图对比(若已存储),标记超过 5px 的布局偏移、缺失元素与溢出,并在适用时检查深色模式。四,无障碍:对每页运行 axe-core 或同等工具,标记 WCAG AA 违规(对比度、标签、焦点顺序),验证键盘导航端到端可用,并检查屏幕阅读器地标。

使用方式:需接入任一浏览器 MCP,例如 mcp__claude-in-chrome__* 工具(优先,使用真实 Chrome)、通过 mcp__browserbase__* 使用 Playwright,或直接 Puppeteer 脚本;可与 /canary-watch 配合做部署后监控。

输出:生成结构化 QA 报告,按 URL 与时间戳,分冒烟测试、交互、视觉、无障碍段落列出通过/失败项,并给出结论(如 SHIP WITH FIXES)。

限制:资料未提供具体安装命令、收费、价格、支持平台与性能保证;基线截图对比需预先存储基线,Core Web Vitals 与无障碍检查依赖所接入工具的能力。