Locator Labs - Playwright & Selenium Locator Generator

Generate smart Playwright & Selenium locators. Supports getByRole, XPath, CSS selectors, relative locators, & Page Objects.

LocatorLabs - The Ultimate Locator Generator for Test Automation Generate smart Playwright & Selenium locators instantly with AI-powered suggestions and automated Page Object generation! How to Install: 1. Click the "Add to Chrome" button above 2. Confirm the installation when prompted 3. Open Chrome DevTools (F12 or Right-click → Inspect) 4. Look for the "Locator Labs" tab in DevTools → Elements → Locator Labs 5. Start inspecting elements to generate locators! What's New in 1.4.0: - 🔗 **Chained Locators**: Smart parent → child locator strategies - 🎯 **Improved Highlighting**: Accurately highlights target elements in chains - ✨ **Enhanced Semantic Support**: `.getByRole()`, `.getByLabel()` in chains - 🐛 **Bug Fixes**: Fixed iframe highlighting and locator parsing Improvements: - Enhanced Page Object Generation: Relative locators now fully integrated in page object exports - Better Element Detection: Uses DevTools' native $0 reference for reliable element selection - Improved Display: Clean locator code display in page objects modal (no type prefix for relative locators) - Multiple Fallback Strategies: 7 different strategies to find elements (ID, name, testID, XPath, text content, CSS, and $0) Features: - 📸 Screenshot Capture - Take screenshots with highlighted elements preserved - ✏️ Drawing & Annotation Tool - Mark up pages for detailed bug reports - ⏸️ Pause Mode - Press 'P' to pause drawing and inspect elements underneath - ⌨️ Enter Key Navigation - Press Enter to cycle through highlighted elements - 🔄 Circular Navigation - Seamlessly loop through matching elements (1→2→3...→1) Core Features: - Dual Framework Support - Seamlessly switch between Playwright & Selenium - Smart Locator Suggestions - getByRole, getByLabel, getByPlaceholder, CSS, XPath - Real-time Testing & Validation - Highlight elements instantly on the page - Shadow DOM & iframe Support - Handle complex web applications - Auto-complete with Syntax Highlighting - Write locators faster - Context-Aware Suggestions - Get the best locator for each element - Dark/Light Theme - Comfortable for any time of day - Smart Locators - Table rows, form fields, and more Full support for Selenium 4+ Relative Locators - Generate locators based on spatial relationships: above(), below(), toLeftOf(), toRightOf(), near() - Works for all element types: buttons, links, inputs, and more - Smart anchor element detection with multiple fallback strategies - Automatic import generation for RelativeLocator.with (Java) and locate_with (Python) 💡 Perfect for: - QA Engineers - Test Automation Developers - Software Testers - SDET (Software Development Engineer in Test) - DevOps Engineers 🔧 Supported Frameworks & Languages: Playwright: • TypeScript • JavaScript • Python Selenium: • Java • Python ⚡ Key Benefits: - Save hours of manual locator creation - Generate maintainable, production-ready Page Objects - Reduce flaky tests with smart locator strategies - Boost productivity with instant suggestions - Learn best practices through recommended locators 🎓 Created by Naveen Automation Labs Helping QA engineers build better test automation. ⭐ If you find LocatorLabs helpful, please leave a review!