Record browser actions and generate Playwright test scripts in JavaScript, TypeScript, Python, Java, and C# (.NET).
Playwright Recorder – Test Automation Made Simple
Playwright Recorder is a powerful Chrome extension that allows you to record browser interactions and automatically generate Playwright test scripts in JavaScript, TypeScript, Python, Java, and C# (.NET). It is perfect for QA engineers, developers, and automation testers who want to create reliable automated tests without writing code manually.
๐๐ฒ๐ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐
๐ NEW: Session Persistence, Network Recording, ARIA Selectors, and Mobile Emulation (v1.3.0)
โข Multi-Language Support – Generate test scripts in JavaScript, TypeScript, Python, Java, or C# (.NET) with a simple dropdown selection.
โข Session Persistence – Save authentication state (cookies + localStorage) to skip login flows. Load saved states to instantly authenticate in tests without repeating login steps.
โข Network Recording – Capture HTTP requests and automatically generate page.route() mocks. Perfect for testing without hitting real APIs or creating deterministic tests.
โข ARIA Selectors – Generate accessibility-first selectors using getByRole() and ARIA attributes. These selectors are more resilient to UI changes and improve test stability.
โข Mobile Emulation – Select from popular devices (iPhone, iPad, Pixel) to generate tests with proper viewport and user agent configuration for mobile testing.
โข One-Click Recording – Start recording your browser actions with a single click.
โข Accurate Selectors – Automatically generates robust CSS selectors that work even when the page structure changes.
โข Multi-Tab Support – Records actions across different tabs and windows.
โข Navigation Tracking – Captures all page navigations and URL changes automatically.
โข Real-Time Preview – See your Playwright script generated in real-time as you interact with web pages.
โข Custom Filename – Name your test scripts with the correct file extension automatically applied.
โข Resizable Interface – Adjust the panels to focus on either recorded actions or generated code.
โข Export Ready Scripts – Download complete, ready-to-run Playwright scripts with proper syntax.
โข Clean UI – Intuitive interface makes recording and managing test scripts simple.
๐๐ผ๐ ๐๐ผ ๐จ๐๐ฒ
โข Install the extension and click on its icon in your Chrome toolbar.
โข Open the recorder window by clicking “Open Recorder.”
โข Select your preferred programming language (JavaScript, TypeScript, Python, Java, or C# (.NET)).
โข (Optional) Save authentication state by clicking “Save Auth State” if your site requires login.
โข (Optional) Enable “Record Network” to capture API calls for mocking.
โข (Optional) Enable “Use Aria Selectors” for more resilient accessibility-based selectors.
โข (Optional) Select a mobile device from the “Device” dropdown for mobile testing.
โข Click the green “Start Recording” button to begin.
โข Interact with your website normally by clicking links, filling forms, and navigating between pages.
โข Stop recording when finished.
โข Customize the filename if desired.
โข Click “Export Script” to save your generated Playwright script.
โข Run the exported script using Playwright in your automation project.
๐ง๐ฒ๐ฐ๐ต๐ป๐ถ๐ฐ๐ฎ๐น ๐๐ฒ๐๐ฎ๐ถ๐น๐
Playwright Recorder generates scripts using the official Playwright API, making them compatible with any Playwright project. The scripts are ready to use without modifications and follow best practices for reliable automation.
The extension works on any website without requiring any special configuration. It is designed to be lightweight and non-intrusive, ensuring your browsing experience is not affected.
๐ฃ๐ฒ๐ฟ๐ณ๐ฒ๐ฐ๐ ๐๐ผ๐ฟ
โข QA Engineers automating regression tests
โข Developers creating end-to-end tests
โข Product teams validating user journeys
โข Anyone looking to save time on test automation
โข Teams working with multiple programming languages
โข .NET developers building automated testing workflows
๐๐ ๐ฎ๐บ๐ฝ๐น๐ฒ ๐ผ๐ณ ๐๐ฒ๐ป๐ฒ๐ฟ๐ฎ๐๐ฒ๐ฑ ๐ฃ๐น๐ฎ๐๐๐ฟ๐ถ๐ด๐ต๐ ๐ง๐ฒ๐๐๐
The extension generates complete, runnable test scripts in your chosen language:
– JavaScript: Uses native Playwright JS API with async/await patterns
– TypeScript: Includes proper type annotations and error handling
– Python: Follows Python conventions with async Playwright API
– Java: Implements Java-specific Playwright patterns
– C# (.NET): Uses modern C# async/await with proper resource disposal
These scripts include all recorded steps such as navigations, clicks, form inputs, and can be directly executed within any Playwright automation framework.
๐ More Developer Tools by Ashish Sharda
Building better software? Check out our other productivity tools:
– SecuriScan – Web Security Analyzer
Find security vulnerabilities, check headers, analyze your web apps
โ https://chromewebstore.google.com/detail/securiscan-web-security-a/ngiloibpcojbjpkpkkohmliamfhmanm
– Vajra AI – AI Coding Assistant
AI-powered code generation and testing for VS Code
โ https://marketplace.visualstudio.com/items?itemName=AshishSharda.vajra