技能介绍

解决手动编写测试脚本的痛点

手动为Web应用编写端到端测试时，开发者常面临两个难题：一是要逐行回忆用户操作步骤（如点击按钮的顺序、输入文本的字段），二是要处理元素定位的兼容性（比如动态生成的按钮ID）。这些细节容易遗漏，导致测试脚本要么跑不通，要么覆盖不到真实场景。Playwright Test Recorder正是为解决这两个问题而生，它能直接记录用户在浏览器中的真实操作，自动生成可运行的Playwright测试代码。

核心能力与工作流程

该技能的核心能力可总结为三点：操作录制、代码生成、Agent协同。

操作录制：通过浏览器底层事件捕获用户交互，支持鼠标点击、键盘输入、页面导航等所有常见操作，甚至能识别隐藏元素的交互。
代码生成：将录制的操作自动转换为符合Playwright规范的测试脚本，生成的代码包含正确的元素选择器（如#submit-btn）、等待逻辑（如await page.waitForTimeout(1000)）和断言语句（如expect(page.title()).toContain('成功')）。
Agent协同：可通过playwright-cli install --skills安装技能，让AI Agent直接调用录制功能，开发者只需描述需求（如“录制用户登录并提交表单的流程”），Agent即可自动完成录制并生成代码。

适用边界与注意事项

环境依赖：需要提前安装Node.js和Playwright浏览器（如playwright install chromium），否则无法启动录制功能。
多语言支持：虽然Playwright官方提供Python、.NET、Java版本，但该技能生成的测试脚本默认基于Node.js环境，若需使用其他语言需手动调整。
动态元素处理：对于加载时间较长或动态生成的元素（如异步加载的列表项），生成的代码可能缺少必要的等待逻辑，需开发者手动添加waitForSelector等方法。