Playwright 端到端测试助手

这个技能能帮你做什么

如果你在做网页应用的自动化测试，这个技能能帮你全面验证用户体验：

• 自动模拟用户操作 —— 自动在浏览器中点击、输入、滚动、跳转，模拟真实用户的完整操作流程
• 组织测试代码 —— 用页面对象模型把页面元素和测试逻辑分离，代码更清晰、更易维护
• 多浏览器测试 —— 同时在 Chrome、Firefox、Safari 等不同浏览器中运行测试，确保兼容性
• 捕获测试证据 —— 自动截图、录制视频、收集操作轨迹，失败时快速定位问题
• 处理不稳定测试 —— 识别和修复时好时坏的测试，提高测试结果的可靠性
• 集成 CI/CD —— 把测试融入自动化部署流程，每次提交都自动验证
• 移动端模拟 —— 模拟手机浏览器环境，测试移动端页面表现

什么时候用

• 功能开发完成后 —— 新功能上线前，验证用户操作流程是否通畅
• 回归测试 —— 每次代码变更后，确认原有功能未被破坏
• 发布前检查 —— 上线前全面测试核心流程，防止问题带到生产环境
• 多浏览器验证 —— 确保网页在不同浏览器中表现一致
• 排查线上问题 —— 用自动化测试复现用户反馈的问题

主要覆盖哪些场景

1. 页面对象模型 —— 把页面元素和操作封装成类，测试代码更易维护
2. 登录认证测试 —— 测试登录、注册、登出等认证流程
3. 搜索和列表 —— 测试搜索功能、分页、筛选等交互
4. 表单提交 —— 测试各类表单的填写、校验和提交
5. 多浏览器兼容 —— 在 Chrome、Firefox、Safari 中测试
6. 移动端适配 —— 模拟手机浏览器测试响应式页面
7. API 交互 —— 测试前端与后端接口的数据交互
8. 特殊场景 —— Web3 钱包连接、金融交易等复杂流程
9. 工件管理 —— 截图、录屏、跟踪信息的自动收集
10. 不稳定测试处理 —— 识别和修复 flaky tests

怎么用

在以下情况询问这个技能：

• "怎么写登录功能的端到端测试？"
• "测试总是不稳定怎么办？"
• "CI 上怎么配置自动化测试？"
• "怎么自动截图和录视频？"
• "多浏览器测试怎么配置？"
• "移动端页面怎么测试？"
• "怎么模拟 Web3 钱包连接？"

核心原则

• 自动等待 —— 依靠 Playwright 的自动等待机制，不硬编码延时
• 稳定优先 —— 消除不稳定测试，宁可慢也不要时好时坏
• 测试即文档 —— 测试代码清晰描述用户行为，是最好的使用说明
• 证据充分 —— 失败时收集截图、视频、跟踪信息，快速定位问题
• 隔离独立 —— 每个测试独立运行，互不干扰
• 接近真实 —— 模拟真实用户操作，而非直接调用内部接口

适用场景

适合的情况：

• Web 应用的端到端功能验证
• 需要频繁回归测试的项目
• 多浏览器兼容性验证
• CI/CD 流程中的自动化质量检查
• 需要模拟完整用户流程的场景

不适合的情况：

• 纯 API 接口测试（用单元测试或接口测试更高效）
• Windows 桌面应用（用桌面自动化工具）
• 移动端原生应用（用 Appium 等专门工具）
• 不需要浏览器环境的纯逻辑计算测试