用途:使用 Playwright 对 Web 应用进行端到端测试,包括截图与视觉验证、浏览器日志分析、交互模拟、视觉回归、axe-core 无障碍审计、网络请求模拟与移动端视口测试。技能开始时需声明“I'm using the webapp-testing skill for Playwright-based web application testing.”
主要能力与流程: 一、测试规划:识别关键用户流(登录、核心业务、导航、搜索、设置、后台等)并排定优先级与测试深度;定义测试环境与视口;准备测试夹具与数据;配置 Playwright 项目;建立视觉基线截图。 二、测试实现:编写页面对象模型与端到端场景;添加视觉回归快照;集成无障碍检查;为隔离测试配置网络模拟。定位器优先使用 getByRole、getByLabel、getByPlaceholder、getByText,getByTestId 为最后手段,避免 CSS 选择器或 XPath。配置示例包含 testDir、fullyParallel、CI 重试、reporter(html、junit)、baseURL、trace、screenshot、video、projects(chromium/firefox/webkit/mobile-chrome/mobile-safari)及 webServer。 三、CI 集成:无头运行、失败时收集截图与视频、JUnit XML 与 HTML 报告、重试与 flake 检测、视觉差异评审。
使用要点:截图支持整页、元素级与动态内容屏蔽(mask、animations: 'disabled');控制台日志通过 page.on('console') 与 page.on('pageerror') 收集;无障碍使用 @axe-core/playwright 并指定 wcag2a、wcag2aa、wcag21aa 标签;网络模拟使用 page.route 返回 200 或 500 等响应;移动端测试通过 test.use 设置 viewport。
限制与注意:禁止使用 page.waitForTimeout,应使用断言等待;测试须相互独立;不要详细测试第三方组件;避免硬编码测试数据与未屏蔽动态内容的截图;忽略 flaky 测试会削弱信任。无障碍检查在每个页面为强制项,视觉回归基线须在合并前评审。
该资料未提供收费、价格、平台支持范围或安装命令等信息,暂未提供。