SuperAPI AI 工具集

playwright-testing

测试与质量

查看项目

更新于 10-15 22:11

技能介绍

用途:为静态 HTML/CSS 网站提供基于 Playwright 的浏览器端测试与验证,覆盖视觉回归、无障碍审计、截图取证、跨浏览器与响应式检查,并可用于 PR 质量把关、缺陷证据采集和性能监测。

主要能力:默认无头模式以适配 CI/CD;对失败与审计结果截图留证;结合 axe-core 做 WCAG 2.1 AA 检查;在 Chromium、Firefox、WebKit 上验证;按移动、平板、桌面视口测试响应式;跟踪 LCP、FID、CLS 等 Core Web Vitals;支持多语言页面(含 RTL 语言)的 lang/dir 属性校验。

使用方式:安装依赖 npx playwright install --deps;无头渲染需 Xvfb 虚拟显示(DISPLAY=:99)与支持 WebGL 的 Chrome Stable,并安装 Noto 字体及 libgbm、libgtk 等图形库。测试中通过 page.goto、page.locator、page.screenshot、axe.analyze 等 API 编写用例;运行前先启动本地服务(如 python3 -m http.server 8080),测试后清理服务与 Xvfb 进程。CI 中可用 GitHub Actions 运行 npx playwright test,并在失败时上传 screenshots 目录产物。

适用场景:自动化 UI 测试、视觉回归检测、无障碍合规审计、跨浏览器兼容验证、缺陷报告取证、性能趋势监测、多语言版本校验。

限制与注意:资料未提供具体收费、价格或平台支持信息;需自行准备测试环境与本地服务器;应避免无错误处理、失败不截图等反模式;测试结束需清理进程。