Selecto - Element Organizer & Selector Finder

Select and organize HTML elements for automated testing (CSS Selector and XPath).

Selecto is the ultimate Chrome extension for QA Engineers, testers, and frontend developers looking to speed up their UI test automation workflow. With Selecto, you no longer need to open the Developer Tools (F12) and build complex XPath queries or CSS selectors manually. Just point, click, and capture! ✨ Key Features: 1. Visual Element Inspector: Toggle the inspector and click on any HTML element to capture it instantly. 2. Multiple Formats Supported: - CSS Selector: Generates clean, robust, and optimized CSS paths. - XPath: Generates reliable and structured XPath queries. - Playwright Locators: Ready-to-use modern selectors like page.getByRole, page.getByPlaceholder, and page.locator. - Cypress: Clean commands in the cy.get() syntax. 3. Floating Sidebar Panel: A draggable, collapsible sidebar that lives inside the page so you never lose focus. 4. Element Organizer: Rename and label your captured locators to organize your test suites. 5. Batch Actions: Copy all items at once or export your entire collection as an organized JSON file. 6. Fully Isolated: Built using Shadow DOM to prevent any styling issues or conflicts with the web application you are inspecting. 🚀 How to Use: 1. Open the sidebar on any website by clicking the Selecto icon. 2. Turn on the Inspector (or press the Alt + Shift + S keyboard shortcut). 3. Click on the HTML elements you want to capture for your automation scripts. 4. Rename, switch formats, and copy or export your locators. Build faster test scripts for Selenium, Cypress, Playwright, and Robot Framework with Selecto!