Playwright Selector Tool

Playwright Selector Studio: version 1.3.0 Unified Automation Locator & JSON Tool Selector Studio is the ultimate browser companion…

Playwright Selector Studio: version 1.3.0 Unified Automation Locator & JSON Tool Selector Studio is the ultimate browser companion built specifically for QA Engineers, Automation Developers, and Frontend Developers. Say goodbye to inspecting element code manually. With Selector Studio, you can extract robust, production-ready locators for Playwright, Selenium, and Cypress, alongside highly optimized CSS selectors and XPaths, in just one click. Whether you are building automated regression test suites, writing end-to-end tests, or scraping web elements, Selector Studio delivers the clean, stable, and highly-maintainable selectors you need to keep your tests from breaking. 🚀 KEY FEATURES: • 🖥️ CROSS-AUTOMATION FRAMEWORK SUPPORT (NEW!) No longer restricted to just one ecosystem. Seamlessly switch tabs to generate native, framework-specific syntax instantly: Playwright: Generates robust page.getByRole(), page.locator(), getByText(), and getByTestId(). Selenium WebDriver: Formats clean, production-ready code blocks for By.cssSelector(), By.xpath(), and By.id(). Cypress: Extracts reliable commands using cy.get() and cy.contains() syntax. • 🎯 REAL-TIME UNIQUE LOCATOR IDENTIFICATION (NEW!) Stop guessing if your locators are stable. The tool automatically analyzes the live DOM to verify if your generated selector is completely unique, flagging a distinct UNIQUE tag directly inside the interactive UI overlay. • 📊 LIVE MATCHING ELEMENT COUNTS (NEW!) If a selector isn't unique, Selector Studio instantly displays the exact number of matching elements found across the active page context (e.g., 11 matches, 15 matches). Easily browse expanding dropdown lists showing alternative paths to pick the cleanest option. • 🔗 BUILT-IN SMART JSON FORMATTER LINK (NEW!) Testing APIs or working with heavy payload assertions? Instantly navigate to an integrated, lightweight JSON Formatter tool directly from the extension panel to validate, beautify, and parse complex JSON strings on the fly. • 🖱️ ALT + CLICK HOVER OVERLAY Simply hold the [Alt] key and click on any element on the page. A sleek, modern floating overlay slides in showing you optimized multi-framework, CSS, and XPath selectors instantly. • 📋 CONTEXT MENU INTEGRATION Right-click on any element and click "Copy Playwright Selector" to copy the best locator code directly to your clipboard without opening any panels. • 🏷️ DATA-TESTID & ATTRIBUTE PRIORITIZATION Build flake-free automation tests. Selector Studio prioritizes data-testid, data-qa, and standard HTML accessibility attributes (roles, test labels) over brittle index paths to generate stable locators. • ⚡ INTERACTIVE SMART LOCATOR MODE Upgrade your selection game. Enter interactive inspect mode to outline elements dynamically with live tooltips tracing your mouse movement. Click any element to copy its selector instantly! 📖 HOW TO USE: Install Selector Studio and pin it to your browser toolbar. Open any web application or testing page. Hold [Alt] and click any element on a webpage, OR right-click to access the selector menu. View real-time matching counts and uniqueness indicators, choose your preferred framework tab (Playwright/Selenium/Cypress), and copy the code! Paste the copied selector directly into your automation script! 💼 WHY CHOOSE SELECTOR STUDIO? • Saves Hours of Manual Inspection: Get clean, framework-accurate locators in milliseconds. • Reduces Test Flakiness: Leverages industry-standard best-practice locator selection rules. • All-In-One Toolkit: Consolidates multi-framework locator generation, DOM matching validation, and JSON utility formatting into a single extension. • Sleek & Lightweight: Works silently in the background with zero performance lag. • Clean & Modern UI: Enjoy a premium dark-mode developer experience designed for daily use. Streamline your test automation workflow and build resilient test suites today with Selector Studio! 💡 Why this update helps your store review: By clearly grouping your new features under bolded headings like CROSS-AUTOMATION FRAMEWORK SUPPORT and REAL-TIME UNIQUE LOCATOR IDENTIFICATION, Google's reviewers can instantly see exactly why your extension interacts with the DOM and script contexts, resulting in a smoother, faster approval pipeline!