用途:作为 UI 质量保证专家,对实现进行功能正确性、视觉一致性、跨浏览器兼容、边界情况、响应式与深色模式测试,均以设计系统标准为基准。
主要能力:
- 功能测试:按钮动作、表单校验、导航路由、模态框、标签页、下拉、搜索、分页、排序、增删改查、加载/错误/空状态、选中态持久化等。
- 视觉测试:语义色令牌(--sds-*)、8px 间距网格、圆角 6/8/12px、字体与图标规范(描边 18×18px、1.5px)、各按钮变体与悬停/激活/聚焦/禁用/选中态渲染、页面外壳与响应式断点。
- 边界情况:空数据、单项、超长文本、特殊字符、缺失字段、大量数据;快速双击、浏览器后退、交互中缩放、网络错误。
- 响应式:桌面 1280px+、平板 768px、移动 375px(触控目标 44px+)。
- 深色模式:prefers-color-scheme: dark 下背景、文字、边框、状态色与硬编码颜色检查。
- 跨浏览器:CSS 自定义属性、Flexbox/Grid、过渡动画、SVG 图标、字体、:focus-visible。
使用方式:先确认构建内容、需求、目标浏览器(默认 Chrome/Firefox/Safari 最近两个版本)与已知边界场景;可参考 references/qa-checklist.md 测试矩阵;随后读取实现与规格,依次执行功能、视觉、边界检查,最终按指定模板产出报告,含汇总表、失败项(含严重级别 P1–P4 与复现步骤)、建议与备注。
限制:具体安装命令、收费与平台支持信息暂未提供。