Playwright 端到端测试生成器
将以下提示词粘贴到你的 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 调用,自动注入等待和重试逻辑 - 跨浏览器适配:通过
BrowserContextfixtures 支持 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 脚本,降低开发与测试之间的沟通成本