Automation Selector Pro

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