Agent Skills
返回列表
💻

Playwright 多浏览器测试生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据官方安装指南 https://skillhub.cn/install/skillhub.md,将 @user_3c6cb52e/playwright-multi-browser-test-generator 安装到你的 AI 助手中。

技能介绍

解决什么问题

浏览器端到端测试经常卡在“页面能打开,但脚本不统一”:Chromium、Firefox、WebKit 的引擎差异、选择器稳定性、等待时机和断言位置都会影响结果。逐个手写 Playwright 脚本容易重复、遗漏断言,也很难在三种浏览器间保持一致。这个技能把自然语言描述作为输入,直接生成面向 Chromium、Firefox 和 WebKit 的 Playwright 测试脚本,减少从需求描述到可执行 E2E 用例之间的手工转换。

技能如何工作

  • 接收自然语言测试意图:整理页面路径、操作步骤和期望结果,例如打开页面、点击入口、填写表单并校验状态。
  • 映射到 Playwright 交互:通过 Playwright 的 codegen recorder API 思路,把描述中的动作转换为浏览器操作步骤。
  • 补齐断言:使用 Playwright 断言库生成可靠的 E2E 测试断言,而不是只留下无校验的点击序列。
  • 输出可执行脚本:将 Chromium、Firefox、WebKit 的测试路径落到 Playwright 测试脚本中,便于在本地或 CI 中继续调试与运行。

关键步骤是:先明确测试场景,再把场景拆解为浏览器操作和断言,最后检查生成脚本是否贴合真实页面结构。

适用边界与注意点

  • 适合明确、可重复的 E2E 流程;如果需求含糊、页面频繁变化或存在复杂登录态,生成结果可能需要人工调整。
  • 生成脚本依赖 Playwright;上游实现也覆盖 Python、.NET 和 Java,但本技能的描述以自然语言生成浏览器测试脚本为核心。
  • 可搭配上游 skills 获得更丰富的 agent 集成,但这不改变生成测试仍需真实项目环境验证这一事实。
  • 不要假设生成脚本能替代人工验收:三类浏览器的渲染差异、异步加载、网络状态和权限边界仍应在真实环境中确认。

使用场景

  • 需要为登录、支付等核心流程编写浏览器回归测试,希望由测试描述直接生成可执行的 Playwright 用例。
  • 团队要求同一套端到端测试同时在 Chromium、Firefox、WebKit 上跑通,手工维护三份脚本成本太高。
  • 刚接手一个 Web 项目,要快速补齐冒烟测试,不想逐条手写点击步骤和断言。
  • 希望把测试用例的验收条件从文档描述转换为 Playwright 断言代码,避免漏写校验。

适合人员

  • 前端工程师:正在维护 Playwright 测试套件,希望减少重复编写跨浏览器脚本的时间。
  • QA 测试工程师:需要把手工测试步骤文档转化为可运行的自动化端到端测试。
  • 全栈开发者:项目缺少浏览器测试,想通过自然语言描述快速生成首批 E2E 用例。
  • CI 流水线维护者:需要跨三款浏览器一致性的测试产出,以验证 CI 中的端到端测试环节。