Automation Selector Pro

About

Automation Selector Pro — Seletores & CSS em Tempo Real para Playwright, Selenium , Cypress e Front-end
Chega de perder tempo procurando o seletor certo ou alternando entre abas para ajustar estilos. O Automation Selector Pro permite que você clique em qualquer elemento de qualquer página para obter instantaneamente o melhor seletor para o seu framework de automação — e agora também editar CSS diretamente na página, em tempo real.

🎯 FEITO PARA QAs, DESENVOLVEDORES E FRONT-ENDERS
Seja você está escrevendo seu primeiro teste automatizado, mantendo uma suíte completa ou ajustando o visual de um componente, esta extensão acelera o seu fluxo de trabalho — eliminando adivinhações tanto na geração de seletores quanto na edição de estilos.


⚡ FUNCIONALIDADES
🔍 Captura Inteligente de Seletores
Passe o mouse sobre qualquer elemento e clique para inspecioná-lo. A extensão gera imediatamente o seletor mais estável disponível, seguindo uma ordem de prioridade inteligente: ID → data-testid → aria-label → role → texto → CSS path → XPath.


🤖 Suporte a Playwright, Selenium e Cypress
Alterne entre os frameworks com um único clique. Todos os seletores atualizam na hora — sem precisar re-clicar no elemento. O seletor gerado segue as boas práticas de cada framework:

Playwright: get_by_role(), get_by_label(), get_by_text(), get_by_placeholder()
Selenium: By.ID, By.CSS_SELECTOR, By.NAME, By.XPATH


🎨 Edição de CSS em Tempo Real
Selecione qualquer elemento e edite seus estilos diretamente no painel — sem abrir o DevTools, sem recarregar a página. As alterações são aplicadas instantaneamente na interface, permitindo iterar rapidamente sobre layout, cores, tipografia e espaçamentos. Ideal para validar ajustes visuais antes de commitar no código.

🌐Verificação de rede em Tempo Real
Visualize em tempo real as requisições enviadas para determinado site, além disso faça testes de API em uma interface facilitada.

🎬 Grave Jornadas de Usuário
Clique em Iniciar Gravação e interaja com a página normalmente. A extensão captura cada clique, preenchimento, seleção e navegação em ordem. Ao finalizar, visualize o caminho completo gravado direto no painel — agrupado por URL, com botão de cópia em cada linha. Exporte tudo em um arquivo .txt quando precisar.


📋 Múltiplos Formatos de Seletor
Cada inspeção de elemento exibe:
Seletor Final (otimizado para o framework escolhido)
CSS Selector
XPath
Texto ou valor do elemento
Link (href) — quando disponível
HTML (sem estilos inline)


🖥️ Painel Lateral Não Intrusivo
A extensão fica em um painel no estilo DevTools no lado direito do navegador. Ela nunca sobrepõe a página que você está inspecionando, então você sempre tem visibilidade total da página, dos seletores e das edições de CSS ao mesmo tempo.


📥 Exportação com Um Clique
Copie qualquer seletor individualmente com um clique, ou baixe o relatório completo de inspeção em um arquivo .txt.


🔒 PRIVACIDADE
Esta extensão não coleta, armazena nem transmite nenhum dado pessoal. Todos os seletores capturados, gravações e edições de CSS permanecem no seu computador.


💡 IDEAL PARA
Escrever scripts de teste com Playwright e Selenium
Depurar seletores instáveis
Ajustar e validar estilos CSS diretamente no navegador
Acelerar o desenvolvimento e revisão de interfaces front-end
Integrar novos engenheiros de automação ou front-end ao time
Documentar fluxos de usuário e interações em páginas