Playwright Recorder & Locator Studio

Record Playwright tests, replay suites, and pick locators. Independent tool not affiliated with Microsoft.

🎭 Playwright Recorder & Locator Studio — The Ultimate Browser Automation Companion Streamline your end-to-end testing workflow. Record natural user journeys in your browser and instantly translate them into clean, resilient, executable Playwright test scripts across multiple programming languages. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ KEY FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ Live Action Recording • Capture natural clicks, typing, form submissions, navigation, dropdown selections, and checkboxes. • Smart input debouncing and sensitive password masking. • Resilient step execution with auto-waiting. 💻 Multi-Language Code Generation • Generates idiomatic, ready-to-run Playwright test code in real-time: - TypeScript (@playwright/test) - JavaScript (@playwright/test) - Python (pytest-playwright) - Java (Playwright for Java / JUnit 5) • One-click copy and instant script download. 🎯 Resilient Locator Studio (Pick Locator) • Inspect any webpage element with live visual hover highlighting and crosshairs. • Prioritizes user-facing, accessibility-first Playwright locators: - page.getByRole() with accessible name calculation - page.getByTestId() (data-testid, data-test, data-cy, data-qa) - page.getByLabel(), page.getByPlaceholder(), page.getByText() - Resilient CSS & XPath fallbacks • Live element match counter (Unique, Duplicate, Ambiguous). 📂 Full Test Suite & Scenario Management • Organize tests into hierarchical test suites and scenarios. • Create, rename, edit, and browse suites with persistent local storage. • Export and import test suites as JSON. ▶ In-Browser Playback & Step Editor • Replay individual steps, single tests, or entire test suites directly inside the browser. • Real-time progress bar, live step logs, and instant PASSED / FAILED status reporting. • Dual editor mode: Visual Step Editor and Raw Code Editor with instant synchronization. 🛡️ Privacy & Security First • 100% Local & Offline: Runs entirely inside your browser. • Zero telemetry, zero external tracking, zero outbound network calls. • Manifest V3 compliant with strict Content Security Policy. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 QUICK START GUIDE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Open the Playwright Studio Side Panel or Popup. 2. Click "● Record" and interact with any webpage. 3. Review the captured step timeline, choose your preferred programming language, and click "📋 Copy" or "▶ Play Test"! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚖️ DISCLAIMER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Playwright Recorder & Locator Studio is an independent community project. It is not affiliated with, endorsed by, or sponsored by Microsoft Corporation. Playwright is a trademark of Microsoft Corporation.