bapaclfmcgookbglclacfgeemaehkkme
Record browser actions and generate Playwright test scripts in JavaScript, TypeScript, Python, Java, and C# (.NET). 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. β’ π 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. 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 Extension
Connect your browser to AI agents through Playwright MCP server and CLI. Enables AI-driven web testing, debugging, and automation. Playwright Chrome Extension The Playwright Chrome Extension lets you connect your browserβs active tabs and logged-in sessions to Playwright. With this extension, the Playwright CLI, the Playwright MCP server, and AI agents can interact with real web pages using your actual browser stateβcookies, profiles, and authenticated sessionsβwithout re-authenticating or using separate test profiles. Once installed, the extension enables seamless browser automation from local Playwright tools that drive real browser actions (navigation, clicks, form fills, etc.) against the pages you already have open. Reuse your real browser state β no extra logins required. Works with the Playwright CLI for scripted automation and testing. Works with the Playwright MCP server for AI-driven workflows and agents. Ideal for developers, testers, and AI workflows that need realistic browser context. How It Works Install the extension and run Playwright locally with the `--extension` flag β either through the Playwright CLI or the Playwright MCP server. When your automation script or AI client connects, it routes commands through the extension into your open browser tabs, letting tools perform real interactions with pages youβre signed into.
Locator Labs-Playwright, Selenium, Cypress & WebdriverIO Locator Generator
Generate smart locators for Playwright, Selenium, Cypress, WebdriverIO & Robot Framework LocatorLabs - Smart Locator Generation for Playwright & Selenium Developed by Naveen Automation Labs FZCO Generate intelligent Playwright, Selenium, Cypress, WebDriverIO, Robot Framework locators instantly with quality ratings, automated Page Object generation, and advanced DOM support! βββββββββββββββββββββββββββββββββββ π WHAT'S NEW IN 1.6.9 [Latest] βββββββββββββββββββββββββββββββββββ NEW: 1. Test Data Generator - Just click on Test Data Generator Icon and fill the form with the right accurate realistic test data (No need to enter it manually). 2. User can enter positive and negative test data in just one click. 3. User can config the type of test data from the settings section. βββββββββββββββββββββββββββββββββββ π WHAT'S NEW IN 1.6.8 βββββββββββββββββββββββββββββββββββ 1. Shows exact matching count in front of each locator 2. Auto scrolling to the test locator after inspecting any element and shows the right matching count 3. Page Object Mode: 1. Add elements to cart: Click the cart icon to add locators without re-inspecting - build your Page Object collection seamlessly 2. Multi-element selection: Keep inspecting and adding elements to your Page Object cart 3. Generate Page Objects: Export complete Page Object classes for your selected framework Page Object Generators: 4. Playwright TypeScript: Encapsulation with private readonly fields, typed Locators, and async action methods 5. Selenium Java: Classic pattern with private By locators, constructor with this, and public page actions 6. Robot Framework: New .robot file generation with Variables and Keywords sections 7. Cypress: PO Mode disabled with tooltip (Cypress recommends App Actions) Bug Fixes: 1. Fixed "Element already in cart" false positive for links with same class names 2. Link elements now correctly prioritize Link Text locators 3. UI Improvements: -New Extension Popup with setup instructions -Keyboard Shortcut: Ctrl+Shift+L / Cmd+Shift+L -Toast notifications moved to bottom-right (500ms) βββββββββββββββββββββββββββββββββββ Major Feature: Added all major actions like: click, sendKeys, fill, type, textContent, getText, etc.. Now user can practice and verify with these methods directly in the LocatorLabs without using the tool. Other Features: 1. Added all big 5 automation frameworks (Playwright, Selenium, CypressJS, WebDriverIO, Robot Framework) 2. Copy options with locator, full locator text and locator with variable name 3. Better iframe handling 4. Better ShadowDOM handling 5. Support for Incognito Mode 6. Better error handling 7. Minor Bug Fixes π― Smart Locator Generation β’ Quality ratings: BEST/GOOD/OK for every locator β’ Recommended vs Alternative locators β’ getByRole, getByLabel, getByPlaceholder, CSS, XPath β’ Descriptive explanations for each locator π― Selenium 4+ Relative Locators β’ Generate spatial relationships: above(), below(), toLeftOf(), toRightOf(), near() β’ Smart anchor element detection β’ Auto-import generation for Java & Python π― Page Object Generator β’ Export organized Page Object classes β’ Element-wise collection management β’ Framework-specific code generation β’ Production-ready code output π― Productivity Tools β’ βοΈ Drawing & annotation tool β’ βΈοΈ Pause mode (Press 'P') β’ β¨οΈ Enter key navigation through elements β’ π Circular element navigation β’ Real-time locator validation β’ Auto-complete with syntax highlighting β’ Dark/Light theme support 1. ZERO data collection - We don't track anything 2. 100% offline - No backend servers, no cloud 3. No user accounts required 4. No ads or malware 5. Minimal permissions (activeTab, downloads only) 6. All processing happens locally in your browser Unlike other tools, there's NO backend to hack, NO database to breach, and NO data to steal. βββββββββββββββββββββββββββββββββββ πΌ PERFECT FOR βββββββββββββββββββββββββββββββββββ - Save hours on manual locator creation - Generate maintainable, production-ready code - Reduce flaky tests with smart strategies - Learn best practices through recommendations - Boost productivity with instant suggestions - No subscription fees - Free forever LocatorLabs is developed and maintained by: π Naveen Automation Labs FZCO π DAFZA Free Zone, Dubai, UAE π License No: 4949 β If LocatorLabs helps your testing workflow, please leave a review!
Playwright POM Generator
Generate production-ready Playwright Page Object Model files with syntax highlighting A powerful Chrome Side Panel extension that automatically generates production-ready Playwright Page Object Model (POM) files from any webpage. Supports both TypeScript and Python with intelligent element detection, semantic naming, and stable locator generation. π Version 2.0.0 Enhancements 1. Enhanced Locator Strategies 2. Intelligent Element Naming System 3. Modal & Dialog Support 4. Full-Screen Code Editor Thanks for letting us be part of your workflow! Discover more magic at thewonderapps.com β¨
Playwright Chrome Recorder
Playwright extension for DevTools that allows you to export tests directly from the Recorder panel. Records a user session and generates Playwright code for automation and testing purposes. Playwright Recorder Playwright Recorder is a developer tool that records user interaction within a web application and generates Playwright scripts to allow the developer to replicate that particular session. This will speed up your development cycle by facilitating the creation of unit and integration tests. Getting Started Click 'Add to Chrome'. That's it! Once you see our icon at the upper-right of your browser window, you are ready to start generating Playwright scripts. Features This extension will allow you to: * Record clicks, typing, submits, and navigation in the browser. * See the scripts render live as they are generated. * Delete accidental actions. * Reorder actions as necessary. * Pause and resume recording within a single session. * Record navigation within a domain. * Copy the generated code to your clipboard. Usage * Open the extension and click 'Start Recording' to begin recording actions. * Click links, submit forms, etc. * Check your saved actions by opening the popup at any time. * Click 'Stop Recording' to stop recording. From there, you will have the option to resume recording, reset, or copy your generated code to your clipboard. * You can also use keyboard shortcuts: On Macs: - ctrl + R to start and stop recording - ctrl + G to reset On PCs and Linux: - alt + R to start and stop recording - alt + G to reset
