Selecto - Organizador de Elementos y Buscador de Selectores

Seleccione y organice elementos HTML para pruebas automatizadas (CSS Selector y XPath).

Selecto es la extensión de Chrome definitiva para ingenieros de QA, testers y desarrolladores frontend que desean acelerar el flujo de automatización de pruebas de interfaz de usuario. Con Selecto, ya no necesita abrir las Herramientas de Desarrollador (F12) y construir consultas XPath o selectores CSS complejos manualmente. ¡Solo apunte, haga clic y capture! ✨ Características Clave: 1. Inspector Visual de Elementos: Active el inspector y haga clic en cualquier elemento HTML para capturarlo al instante. 2. Múltiples Formatos Soportados: - CSS Selector: Genera rutas CSS limpias, robustas y optimizadas. - XPath: Genera consultas XPath confiables y estructuradas. - Playwright Locators: Selectores modernos listos para usar como page.getByRole, page.getByPlaceholder y page.locator. - Cypress: Comandos limpios en la sintaxis cy.get(). 3. Panel Lateral Flotante: Una barra lateral arrastrable y colapsable que vive dentro de la página para que nunca pierda el foco. 4. Organizador de Elementos: Renombre y etiquete sus localizadores capturados para organizar sus suites de pruebas. 5. Acciones por Lote: Copie todos los elementos a la vez o exporte su colección completa como un archivo JSON organizado. 6. Totalmente Aislado: Construido utilizando Shadow DOM para evitar problemas de estilo o conflictos con la aplicación web que está inspeccionando. 🚀 Cómo Usar: 1. Abra la barra lateral en cualquier sitio web haciendo clic en el icono de Selecto. 2. Active el Inspector (o presione el atajo de teclado Alt + Shift + S). 3. Haga clic en los elementos HTML que desee capturar para sus scripts de automatización. 4. Renombre, cambie de formato y copie o exporte sus localizadores. ¡Construya scripts de prueba más rápidos para Selenium, Cypress, Playwright y Robot Framework con Selecto!