Extension.vn

LocatorPro | Element Locators for Test Automation

onmjmkmlpiielikeeiofcgnhnmkdhjbm

Professional DOM element locator generator for Playwright, Cypress, and Selenium test automation ## 🧠 **Next-Generation Element Identification for Test Automation** LocatorPro is the most advanced Chrome extension for generating reliable test selectors. Now with enhanced nth-match strategies and SVG support, it's the ultimate tool for QA engineers and developers working with modern web applications. ## ✨ ** LocatorPro v1.1.1 - Highlights:** • **🎯 Enhanced nth-match Selectors** - Advanced handling for duplicate elements with intelligent positioning strategies • **🛡️ SVG Element Support** - First-class support for SVG graphics and icons (no more TypeErrors!) • **🔢 35 Priority-Based Selectors** - Comprehensive semantic-to-structural hierarchy for maximum reliability • **🧠 Smart Table Intelligence** - Automatically detects table structures with row/column context • **⚡ Framework-Optimized Output** - Best practices for Playwright, Cypress, and Selenium • **♿ Accessibility-First** - Prioritizes ARIA labels, roles, and semantic selectors ## 🎯 **Perfect For:** • QA Engineers writing automated tests • Frontend Developers building comprehensive test suites • Test Automation Engineers scaling test coverage • DevOps Teams implementing robust CI/CD testing • Anyone working with complex web applications ## 🚀 **How It Works:** 1. **Install & Activate**: Right-click any element → "🎯 Get Element Identification" OR use LocatorPro popup 2. **Smart Capture**: Click any element to generate intelligent selectors 3. **DevTools Integration**: Open Chrome DevTools → "LocatorPro" tab 4. **Copy & Use**: Get framework-specific selectors instantly with descriptions ## 💡 **Advanced LocatorPro v1.1.1 Features:** ### **🎯 Intelligent Selector Generation (35 Priority Levels)** - **Priority 1-6**: Semantic attributes (ARIA labels, roles, placeholders, test IDs) - **Priority 10-16**: Text content with smart nth-match strategies - **Priority 17-25**: Additional attributes (dimensions, data attributes, lang) - **Priority 30-35**: Structural selectors with modern CSS techniques ### **🧠 Smart Duplicate Element Handling** - **First/Last Strategies**: `.first()`, `.last()` for boundary elements - **nth-match Positioning**: `:nth-match(:text("..."), 2)` for precise targeting - **Role-based Selection**: `getByRole('button', { name: '...' }).nth(1)` - **Context-Aware**: Understands parent-child relationships ### **🛡️ Robust SVG & Modern Web Support** - **SVG Compatibility**: Handles SVGAnimatedString className objects - **Modern Frameworks**: React, Vue, Angular component support - **Complex DOMs**: Shadow DOM and dynamic content handling - **Error Prevention**: TypeErrors eliminated with safe property access ### **⚡ Framework-Specific Optimizations** **🎭 Playwright (Modern & Semantic)** ```javascript page.getByLabel('Email Address') page.getByRole('button', { name: 'Submit' }) page.locator(':nth-match(:text("Delete"), 2)') ``` **🌲 Cypress (Robust & Reliable)** ```javascript cy.get('[aria-label="Email Address"]') cy.get('[role="button"]').contains('Submit') cy.contains('Delete').eq(1) ``` **🔧 Selenium (WebDriver Compatible)** ```javascript driver.findElement(By.cssSelector('[aria-label="Email Address"]')) driver.findElement(By.xpath("(//*[text()='Delete'])[2]")) ``` ## 🔧 **Supported Frameworks & Use Cases:** ### **🎭 Playwright** - Modern `getByLabel()`, `getByRole()`, `getByText()` selectors - nth-match strategies for duplicate elements - Accessibility-focused approach ### **🌲 Cypress** - Optimized `cy.get()` and `cy.contains()` patterns - Robust element positioning with `.eq()` and `.first()` - Framework-specific best practices ### **🔧 Selenium WebDriver** - CSS selector and XPath strategies - WebDriver-compatible syntax - Cross-browser reliability ## 📊 **Performance & Quality:** • **⚡ Fast Generation**:

Related extensions