Playwright Recorder

记录浏览器操作并使用 JavaScript、TypeScript、Python、Java 和 C# (.NET) 生成 Playwright 测试脚本。

Playwright Recorder - 测试自动化变得简单

Playwright Recorder 是一款功能强大的 Chrome 扩展，可让您记录浏览器交互并自动生成 JavaScript、TypeScript、Python、Java 和 C# (.NET) 格式的 Playwright 测试脚本。它非常适合希望创建可靠的自动化测试而无需手动编写代码的 QA 工程师、开发人员和自动化测试人员。

𝗞𝗲𝘆𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀
🆕 新功能：会话持久、网络录制、ARIA 选择器和移动仿真 (v1.3.0)
• 多语言支持- 通过简单的下拉选择生成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 选择器”以获得更具弹性的基于辅助功能的选择器。
• （可选）从“设备”下拉列表中选择移动设备进行移动测试。
• 单击绿色的“开始录制”按钮开始。
• 通过单击链接、填写表格以及在页面之间导航来正常与您的网站进行交互。
• 完成后停止录制。
• 如果需要，可自定义文件名。
• 单击“导出脚本”保存生成的剧作家脚本。
• 在自动化项目中使用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