Playwright Recorder

Tracking since Apr 1, 2026.

Changelog

• May 17, 2026
  description

  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

  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 in v3.0: Dark Mode, Pause/Resume Recording, Step Labels, Auto-Assertions, Per-Action Delete, Copy to Clipboard & Toast Notifications
  
  • 🌙 Dark Mode - Toggle between light and dark themes with your preference saved between sessions.
  • ⏸ Pause & Resume - Pause recording mid-session to handle popups or manual steps, then resume without losing any recorded actions.
  • 🏷️ Step Labels - Insert named markers between actions (e.g. "Login flow", "Fill form"). Labels appear as readable comments in the generated script.
  • ✅ Auto-Assertions - Automatically inserts URL assertions after every navigation step so your tests validate page state with zero extra work.
  • 🗑 Per-Action Delete - Hover over any recorded action and click × to remove it individually. No need to clear everything and re-record.
  • 📋 Copy to Clipboard - Copy the generated script instantly without exporting to a file first.
  • 🔔 Toast Notifications - Real-time feedback for every action — recording started, action removed, script copied, export complete.
  • 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.
  
  𝗛𝗼𝘄 𝘁𝗼 𝗨𝘀𝗲
  
  • 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) Toggle Dark Mode from the top-right for a comfortable recording environment.
  • (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 "Aria Selectors" for more resilient accessibility-based selectors.
  • (Optional) Enable "Auto Assertions" to auto-insert URL checks after every navigation.
  • (Optional) Select a mobile device from the "Device" dropdown for mobile testing.
  • Click the green "Start" button to begin recording.
  • Interact with your website normally by clicking links, filling forms, and navigating between pages.
  • Use Pause to temporarily stop capturing without losing recorded actions.
  • Add Labels to annotate sections of your test flow.
  • Delete any unwanted action with the × button on hover.
  • Stop recording when finished.
  • Copy the script directly or customize the filename and click Export.
  • 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

Permissions & access

Permissions

activeTabtabsscriptingstoragecookiesdownloadsdebugger

Host access

http://*/*, https://*/*

Screenshots

Similar extensions

Alternatives to Playwright Recorder, ranked by description similarity.

Playwright Test Recorder

Record user interactions and generate Playwright test scripts

61

Playwright Chrome Recorder

Playwright extension for DevTools that allows you to export tests directly from the Recorder panel.

10.0K

★ 2.8

Auto Test Recorder for Robot & Playwright

Record web interactions and instantly generate automated test scripts for Robot Framework and Playwright.

16

Scriptify - Web Automation Recorder

Record browser interactions and generate automated test scripts with AI assistance

36

autotest.tech - Automated Test Script Generator

Generate automation scripts in all most popular test frameworks (Playwright, Nightwatch, Puppeteer, Cypress).

72

ProboRecorder v0.2.10

ProboLabs Recorder

—

First QA Recorder Extension

Records UI interactions for Playwright POM generation

73

FlowScribe

From Navigation to Automation

15