SuperAPI AI 工具集

agent-capabilities

测试与质量

查看项目

更新于 10-16 06:20

技能介绍

用途:为 Web 应用搭建和管理可视化回归测试基础设施,防止 UI 意外变更进入合并流程。

主要能力:配置 Playwright 进行视觉测试;使用 jest-image-snapshot 做像素级对比;管理基线截图;生成 HTML/Markdown 视觉差异报告;支持多视口、多浏览器和明暗主题;通过 pixelmatch 做可配置阈值比较并检测抗锯齿;支持动态内容遮罩、动画冻结与视口控制;可将产物上传至 AWS S3、Azure Blob Storage 或阿里云 OSS,并配置保留策略与 CDN 分发。

CI/CD:可生成 GitHub Actions 工作流,在 PR 上执行视觉检查并在发现回归时失败,自动更新主分支基线,上传差异产物,并在 PR 中发布对比预览评论,支持并行执行。

使用方式:文档给出目录结构(tests/shared/imageTest.tsx、scripts/visual-regression/、.github/workflows/visual-regression-*.yml、image_snapshots/baseline/)、依赖(@playwright/test、playwright、jest-image-snapshot、pixelmatch、pngjs)、npm 脚本(visual:test、visual:baseline、visual:update-baseline、visual:compare、visual:report、visual:upload)以及 Playwright 配置示例。组件测试通过 runVisualTest 与 VIEWPORTS 调用。

适用场景:设计系统与组件库、响应式布局、主题切换、Odoo Web 界面组件,以及需要阻止视觉缺陷合并的 CI 流水线。

限制与注意:不宜测试频繁变动内容、随机数据、第三方嵌入内容;需固定字体、浏览器版本与运行环境以减少误报,必要时调整阈值或遮罩动态元素。具体收费、性能数据与平台细节暂未提供。