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, WebDriverIO, Cypress and Robot Framework. Developed by Naveen Automation Labs FZCO. 🔒 100% Private - Zero Data Collection | No Cloud | No Ads | Runs Completely Offline Generate intelligent Playwright, Selenium, Cypress, WebDriverIO, Robot Framework locators instantly with quality ratings, automated Page Object generation, and advanced DOM support! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📥 HOW TO INSTALL ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Click "Add to Chrome" above 2. Confirm installation 3. Open Chrome DevTools (F12 or Right-click → Inspect) 4. Find "Locator Labs" tab in DevTools → Elements panel 5. Start inspecting elements to generate locators! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 WHAT'S NEW IN 2.0.2 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ This release focuses on Selenium shadow-DOM parity — including first-class Salesforce Lightning (LWC) support — and a much faster Page Object workflow. NEW: Salesforce Lightning / LWC Shadow DOM — First-Class Support • LWC components (lightning-input, lightning-button, lightning-datatable, lightning-combobox, etc.) heavily use closed shadow roots — where page-context .shadowRoot returns null and standard selectors silently fail • The extension now walks these closed-shadow trees using the DevTools-inspected element ($0) as a trusted anchor, so it can generate reliable locators against real Salesforce Lightning pages, Experience Cloud sites, and custom LWC components • LWC-specific attributes (data-target-selection-name, data-name, data-value, data-refid, data-key) are prioritized as top-tier locators — they're stable across Salesforce releases and survive re-renders • Nested LWC composition (component inside component inside component) chains correctly, host by host, all the way down • Verified against real Salesforce pages: Setup, Lightning App Builder, Object Manager, custom LWC apps NEW: Selenium 4 Shadow DOM — end-to-end • Every recommended Selenium locator inside a shadow root now emits a proper getShadowRoot() chain (Java) or .shadow_root chain (Python) — host by host, all the way down to the target • JavaScriptExecutor fallback is generated alongside so you can pick whichever your team prefers • Nested shadow roots (shadow inside shadow inside shadow) chain correctly at every level — including deep Salesforce LWC trees NEW: Selenium Shadow-DOM Highlight From the Test Locator Box • Paste any Selenium shadow-DOM snippet — Java getShadowRoot(), Python shadow_root, or JS executeScript(...shadowRoot.querySelector...) — into the Test Locator box and the extension actually highlights the target element • Works for arbitrarily nested shadow chains (verified up to 3 levels deep on real Salesforce Lightning pages) • Broken chains report which step failed and which selector didn't match — no more "Element not found" without a hint NEW: Closed Shadow-Root Detection + CDP Force-Open Workaround • The extension now detects closed shadow roots at inspect time and warns you inline • getShadowRoot() is demoted from "best" to "ok" for closed shadows with a note explaining that Selenium will throw NoSuchShadowRootException at runtime • A CDP-based force-open snippet using Page.addScriptToEvaluateOnNewDocument is promoted to "best" and generated in Java (via DevTools) or Python (via execute_cdp_cmd) — drop it into your test setup and every subsequent getShadowRoot() call works, even against closed roots • Critical for Salesforce Lightning (LWC), Stripe Elements, and any modern web-component library that ships with attachShadow({ mode: 'closed' }) • For pages with mixed shadows (open outer → closed inner), the CDP setup only appears when at least one closed shadow is in the chain NEW: Live Page Object Preview • The "Generate Page Object" modal now has a Preview panel — see the exact generated code inside the popup, no download required • Switch the Framework & Language dropdown and the preview re-renders instantly across Playwright TS / JS / Python / C# / Java (or Selenium Java ↔ Python, WebdriverIO TS ↔ JS) • Rename the page, check/uncheck elements — the preview follows every change • Copy button copies the preview to clipboard; Generate & Download still writes the file — both use the same builder so what you see is exactly what you get NEW: Free Language Switching in the Page Object Generator • Previously: after generating a PO once in Playwright TypeScript, switching to Playwright Java (or Python, or C#) was blocked with "Language mismatch!" — even though every Playwright language is fully supported by the built-in JS→target converters • Now: within a framework you can freely re-emit the same collected locators in any supported language • True cross-framework switches (e.g. Playwright → Selenium) are still blocked at the earliest point, with a clearer message referencing frameworks rather than language identifiers NEW: Playwright C# and Java Page Object Generators • The PO dropdown now offers Playwright - C# (.NET) and Playwright - Java in addition to TypeScript / JavaScript / Python • C# PO: public class LoginPage, private readonly IPage _page, private readonly ILocator ..., async Task LoginAsync(), correct PascalCase methods, AriaRole.Button, new() { Name = "..." } • Java PO: public class LoginPage, private final Page page, private final Locator ..., public void login(), AriaRole.BUTTON, receiver-qualified option classes (new Page.GetByRoleOptions().setName(...)) so the code compiles unmodified FIXED: Page Object Method Naming • getByRole('button', { name: 'Login' }) used to produce ugly field names like btnButton and methods like clickButton() • Every Playwright dialect now prefers the accessible name over the role — you get loginButton / getLogin() / clickLogin() instead • Fixed across TS, JS, Python, C#, and Java generators ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Major Features: All major actions like click, sendKeys, fill, type, textContent, getText, etc. — practice and verify these methods directly in LocatorLabs. 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 Shadow DOM handling 5. Support for Incognito Mode 6. Better error handling 7. Minor bug fixes ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⭐ CORE FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎯 Multi-Framework Support • Playwright (JavaScript/TypeScript, Python, C# .NET, Java) • Selenium (Java, Python) • Cypress (JavaScript/TypeScript) • WebDriverIO (JavaScript/TypeScript) • Robot Framework (SeleniumLibrary / Browser Library) • Seamless framework and language switching 🎯 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 • Whitespace-normalized text/accessible names so getByText and getByRole round-trip correctly 🎯 Non-Invasive Test Highlighting • Highlights matched elements with an overlay — never mutates the element's DOM • Tracks the element as you scroll/resize • Prev/Next navigation across multiple matches 🎯 Test Data / Form Fill • One-click positive test data with realistic values • Negative test data for form-validation testing • Number inputs respect min/max/step and label hints • Dropdowns skip placeholder options ("-- Select --", value="0") • Configurable data types from the settings panel 🎯 Selenium 4+ Relative Locators • Generate spatial relationships: above(), below(), toLeftOf(), toRightOf(), near() • Smart anchor element detection • Auto-import generation for Java and Python 🎯 Advanced DOM Support • Shadow DOM traversal & locator generation • Nested iframe / <frame> / frameset support with correct frame-chain emission • SVG namespace-aware XPath • Complex web component handling 🎯 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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY & SECURITY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - QA Engineers & Test Automation Developers - SDETs (Software Development Engineers in Test) - Salesforce Lightning / LWC teams needing reliable closed-shadow-DOM locators - DevOps Engineers - Software Testers - Automation Framework Developers - .NET / Java teams standardizing on Playwright ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ KEY BENEFITS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Save hours on manual locator creation - Generate maintainable, production-ready code in your team's language of choice - Reduce flaky tests with smart, whitespace-normalized strategies - Learn best practices through recommendations - Inspect nested frames and shadow DOM without leaving the Elements panel - No subscription fees — Free forever ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🏢 ABOUT LOCATOR LABS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ LocatorLabs is developed and maintained by: 📍 Naveen Automation Labs FZCO 📍 DAFZA Free Zone, Dubai, UAE 📍 License No: 4949 Created by Naveen Khunteta (@NaveenAutomationLabs) Helping QA engineers worldwide build better test automation. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📞 SUPPORT & LINKS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🌐 Website: https://www.locator-labs.com 📧 Support: support@naveenautomationlabs.com 📺 YouTube: @NaveenAutomationLabs 🎓 Training: https://www.naveenautomationlabs.com 📄 Privacy Policy: https://www.locator-labs.com 📄 Terms of Service: https://www.locator-labs.com ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⭐ If LocatorLabs helps your testing workflow, please leave a review!