Selecto - Organizador de Elementos & Buscador de Seletores

Selecione e organize elementos HTML para testes automatizados (CSS Selector e XPath).

O Selecto é a ferramenta definitiva para engenheiros de QA, testadores e desenvolvedores frontend que desejam acelerar a escrita de testes de interface automatizados. Com o Selecto, você não precisa mais abrir o Console do Desenvolvedor (F12) e ficar adivinhando ou construindo caminhos XPath e seletores CSS manualmente. Basta apontar, clicar e capturar! ✨ Recursos Principais: 1. Inspeção Visual Simples: Ative a ferramenta e clique em qualquer elemento da página para capturar. 2. Múltiplos Formatos Suportados: - CSS Selector: Seletores curtos, limpos e otimizados baseados em ID e ordem do DOM. - XPath: Caminhos XPath estruturados e robustos. - Playwright Locators: Código moderno pronto no formato page.getByRole, page.getByPlaceholder, etc. - Cypress: Comandos estruturados no padrão cy.get(). 3. Painel Lateral Inteligente: Uma barra lateral flutuante e arrastável que fica diretamente na aba para que você não perca o foco. 4. Organizador de Elementos: Adicione rótulos e apelidos personalizados para cada elemento que você capturar. 5. Exportação em Lote: Copie todos de uma vez ou exporte sua lista de seletores em um arquivo JSON organizado para importar no seu projeto de testes. 6. Isolamento Garantido: Feito usando Shadow DOM, o que significa que o painel e os estilos do Selecto nunca quebram o layout do site que você está testando. 🚀 Como Usar: 1. Instale a extensão e clique no ícone do Selecto no navegador para abrir o painel lateral na página desejada. 2. Ative o inspetor (ou aperte o atalho rápido Alt + Shift + S). 3. Clique nos elementos HTML que deseja capturar para seus testes. 4. Adicione descrições personalizadas, mude o formato de saída a qualquer momento e clique em exportar. Escreva testes mais rápidos para Selenium, Cypress, Playwright, Robot Framework e outros com o Selecto!