Agent Skills
返回列表
💻

Playwright 端到端测试生成器

开发编程 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/playwright-e2e-test-generator 技能。

技能介绍

当端到端测试成为维护负担

手动编写 Playwright 测试时,团队常常陷入重复劳动:为每个按钮、表单、跳转写定位器,处理动态等待、网络重试、跨浏览器兼容性。随着 UI 迭代加速,测试代码很快变成脆弱的"意大利面"——某个 class 名变更就导致成片失败。

@user_3c6cb52e/playwright-e2e-test-generator 试图把这件事反过来做:用一句自然语言描述用户路径,自动生成结构化的 Playwright 测试套件。

核心能力与关键步骤

该技能基于 Playwright Test API,将非结构化描述转化为可执行的测试代码。关键步骤包括:

  • 语义解析:从自然语言中提取操作序列(点击、输入、断言)和目标元素
  • 代码生成:映射为 page.click()、page.fill() 等 Playwright API 调用,自动注入等待和重试逻辑
  • 跨浏览器适配:通过 BrowserContext fixtures 支持 Chromium、Firefox、WebKit 三种引擎,无需手动切换配置

典型输入如"用户登录后查看订单列表",技能会生成包含认证状态复用、API 响应等待、列表渲染断言的完整测试,而非零散的脚本片段。

适用边界与注意点

自然语言生成并非银弹。复杂业务逻辑(如涉及多角色权限、第三方支付回调)仍需人工补充断言和 mock。生成的代码默认遵循 Playwright 推荐实践,但特定项目的自定义 test fixtures 或全局 setup 需要手动合并。

此外,该技能聚焦于测试生成,不负责维护或修复既有测试套件。对于已有大量遗留测试的团队,建议仅用于新功能模块,而非一次性重写全部用例。

使用场景

  • 前端工程师为登录、下单等页面编写 Playwright 测试时,用一句自然语言描述用户路径,生成可执行的测试套件
  • 测试开发者需要覆盖 Chromium、Firefox、WebKit 的回归测试,通过 BrowserContext fixtures 一次性生成三种浏览器的用例
  • 从零搭建端到端测试框架时,希望跳过手写定位器与等待逻辑,直接获得结构清晰的 Playwright Test 代码
  • 产品迭代频繁导致测试维护成本上升,需要将需求文档中的操作步骤自动转换为 Playwright 测试脚本,减少人工转写

适合人员

  • 前端开发工程师,需要在功能开发后快速补全端到端测试,减少手动编写 Playwright 用例的时间
  • 测试开发工程师,负责搭建或维护跨浏览器回归测试体系,希望用自然语言批量生成 Chromium、Firefox、WebKit 用例
  • 全栈开发者或技术负责人,在项目初期搭建端到端测试框架,需要结构化的 Playwright Test 代码作为起点
  • 需求文档撰写者或技术作者,希望将操作步骤描述直接转化为可执行的 Playwright 脚本,降低开发与测试之间的沟通成本