记录浏览器操作并使用 JavaScript、TypeScript、Python、Java 和 C# (.NET) 生成 Playwright 测试脚本。
Playwright Recorder - 测试自动化变得简单
Playwright Recorder 是一款功能强大的 Chrome 扩展，可让您记录浏览器交互并自动生成 JavaScript、TypeScript、Python、Java 和 C# (.NET) 格式的 Playwright 测试脚本。它非常适合希望创建可靠的自动化测试而无需手动编写代码的 QA 工程师、开发人员和自动化测试人员。
𝗞𝗲𝘆𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀
🆕 v4.0 中的新功能：悬停、按键和滚动记录、双击和右键单击、文件上传、智能导航包装、点击断言生成器、内联步骤编辑器和 Tailwind 选择器修复
🖱️ 悬停录制 — 通过智能 400 毫秒去抖动捕获交互元素上的鼠标悬停交互以避免噪音。
🔑 按键记录 — 记录有意义的键盘事件：Enter、Tab、Escape、箭头键和所有 F1–F12 功能键。
📜 滚动记录 - 通过增量累积跟踪滚轮动作，生成 page.mouse.wheel() 调用以进行精确的滚动测试。
👆👆 双击和右键单击 — 记录所有 5 种语言的双击和右键单击（上下文菜单）交互。
📎 文件上传记录 — 捕获 <input type="file"> 交互并使用所选文件名生成 page.setInputFiles()。
🔀 智能导航包装 - 自动检测点击何时触发页面导航并将其包装在 Promise.all([page.waitForURL(), page.click()]) 中，这样测试就不会竞争。适用于所有 5 种语言。
✅ 单击断言生成器 — 点击断言按钮，单击任意元素，然后立即获得 Expect() 断言 — 自动选择 toHaveText、toHaveValue 或 toBeVisible。
✏️ 内联步骤编辑器 - 双击任何记录的步骤的详细信息以就地编辑它。按 Enter 键保存，按 Esc 键取消。
🆕 v3.0 中的新功能：深色模式、暂停/恢复录制、步骤标签、自动断言、按操作删除、复制到剪贴板和 Toast 通知
• 🌙 深色模式 - 在浅色和深色主题之间切换，并在会话之间保存您的偏好。
• ⏸ 暂停和恢复- 在会话中暂停记录以处理弹出窗口或手动步骤，然后恢复，而不会丢失任何记录的操作。
• 🏷️ 步骤标签 - 在操作之间插入命名标记（例如“登录流程”、“填写表单”）。标签在生成的脚本中显示为可读注释。
• ✅ 自动断言 - 在每个导航步骤后自动插入 URL 断言，以便您的测试以零额外工作验证页面状态。
• 🗑 按操作删除 - 将鼠标悬停在任何记录的操作上，然后单击 × 将其单独删除。无需清除所有内容并重新记录。
• 📋 复制到剪贴板 - 立即复制生成的脚本，无需先导出到文件。
• 🔔 Toast 通知 - 每个操作的实时反馈 - 录制开始、操作删除、脚本复制、导出完成。
• 多语言支持- 通过简单的下拉选择生成JavaScript、TypeScript、Python、Java 或C# (.NET) 测试脚本。
• 会话持久性- 保存身份验证状态（cookie + localStorage）以跳过登录流程。加载保存的状态以在测试中立即进行身份验证，而无需重复登录步骤。
• 网络记录- 捕获HTTP 请求并自动生成page.route() 模拟。非常适合在不使用真实 API 或创建确定性测试的情况下进行测试。
• ARIA 选择器- 使用getByRole() 和ARIA 属性生成可访问性优先的选择器。这些选择器对 UI 更改的适应能力更强，并提高了测试稳定性。
• 移动仿真- 从流行的设备（iPhone、iPad、Pixel）中进行选择，以生成具有适当视口和用户代理配置的测试，以进行移动测试。
• 一键录制- 只需单击一下即可开始录制您的浏览器操作。
• 准确的选择器- 自动生成强大的CSS 选择器，即使页面结构发生变化也能正常工作。
• 多选项卡支持- 记录跨不同选项卡和窗口的操作。
• 导航跟踪- 自动捕获所有页面导航和URL 更改。
• 实时预览- 在与网页交互时查看实时生成的剧作家脚本。
• 自定义文件名- 自动应用正确的文件扩展名来命名您的测试脚本。
• 可调整大小的界面- 调整面板以重点关注记录的操作或生成的代码。
• 导出就绪脚本 - 下载具有正确语法的完整、可立即运行的 Playwright 脚本。
𝗛𝗼𝘄𝘁𝗼𝗨𝘀𝗲
• 安装扩展程序并单击Chrome 工具栏中的图标。
• 单击“打开记录器”打开记录器窗口。
• 选择您的首选编程语言（JavaScript、TypeScript、Python、Java 或C# (.NET)）。
• （可选）从右上角切换深色模式以获得舒适的录制环境。
• （可选）如果您的站点需要登录，请单击“保存身份验证状态”来保存身份验证状态。
• （可选）启用“记录网络”以捕获API 调用以进行模拟。
• （可选）启用“Aria 选择器”以获得更具弹性的基于辅助功能的选择器。
• （可选）启用“自动断言”以在每次导航后自动插入 URL 检查。
• （可选）从“设备”下拉列表中选择移动设备进行移动测试。
• 单击绿色的“开始”按钮开始录制。
• 通过单击链接、填写表格以及在页面之间导航来正常与您的网站进行交互。
• 使用“暂停”功能暂时停止捕捉，而不会丢失记录的动作。
• 添加标签来注释测试流程的各个部分。
• 将鼠标悬停时使用× 按钮删除任何不需要的操作。
• 完成后停止录制。
• 直接复制脚本或自定义文件名并单击导出。
• 在自动化项目中使用Playwright 运行导出的脚本。
𝗧𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹𝗗𝗲𝘁𝗮𝗶𝗹𝘀
Playwright Recorder 使用官方 Playwright API 生成脚本，使其与任何 Playwright 项目兼容。这些脚本无需修改即可使用，并遵循可靠自动化的最佳实践。
该扩展程序适用于任何网站，无需任何特殊配置。它的设计是轻量级和非侵入性的，确保您的浏览体验不受影响。
𝗣𝗲𝗿𝗳𝗲𝗰𝘁𝗙𝗼𝗿
• QA 工程师自动化回归测试
• 开发人员创建端到端测试
• 产品团队验证用户旅程
• 任何希望节省测试自动化时间的人
• 使用多种编程语言的团队
• .NET 开发人员构建自动化测试工作流程
𝗘𝘅𝗮𝗺𝗽𝗹𝗲 𝗼𝗳 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲𝗱 𝗣𝗹𝗮𝘆𝘄𝗿𝗶𝗴𝗵𝘁 𝗧𝗲𝘀𝘁𝘀
该扩展以您选择的语言生成完整的、可运行的测试脚本：
JavaScript：使用具有异步/等待模式的原生 Playwright JS API
TypeScript：包括正确的类型注释和错误处理
Python：使用异步 Playwright API 遵循 Python 约定
Java：实现 Java 特定的 Playwright 模式
C# (.NET)：使用现代 C# async/await 并进行适当的资源处理
这些脚本包括所有记录的步骤，例如导航、单击、表单输入，并且可以在任何 Playwright 自动化框架中直接执行。
🚀 Ashish Sharda 提供的更多开发者工具
构建更好的软件？查看我们的其他生产力工具：
SecuriScan - 网络安全分析器
查找安全漏洞、检查标头、分析您的 Web 应用程序
→ https://chromewebstore.google.com/detail/securiscan-web-security-a/ngiloibpcojbjpkpkkohmliamfhmanm
Vajra AI - 人工智能编码助手
VS Code 的 AI 驱动代码生成和测试
→ https://marketplace.visualstudio.com/items?itemName=AshishSharda.vajra