QA Selector Helper

Gera seletores Cypress e Playwright para testes automatizados.

Cansado de perder tempo inspecionando o console do navegador e "adivinhando" o melhor seletor para seus testes? O QA Selector Helper foi desenvolvido especificamente para acelerar o fluxo de trabalho de QA Engineers e Desenvolvedores, gerando automaticamente seletores robustos e prontos para uso. Por que escolher o QA Selector Helper? Diferente de ferramentas de inspeção genéricas, nossa extensão prioriza as melhores práticas de automação. Ela não apenas entrega um seletor, mas analisa o contexto do elemento para garantir que seus testes sejam menos "quebráveis". Principais Funcionalidades: Inspeção Inteligente e Contextual: Clique em qualquer elemento para obter o melhor seletor possível. A ferramenta reconhece se você clicou em um container (como um formulário) e lista automaticamente inputs e botões importantes dentro dele. Prioridade para Atributos de QA: Seguindo as melhores práticas, o sistema prioriza atributos de teste como data-cy, data-testid, data-test e data-qa antes de recorrer a IDs ou Classes genéricas. Painel Lateral Persistente (Side Panel): Utiliza a moderna Side Panel API do Chrome, permitindo que a interface da ferramenta permaneça aberta enquanto você navega e interage com diferentes páginas, sem a frustração de popups que fecham sozinhos. Suporte Multi-Framework: Obtenha código formatado instantaneamente para Cypress (cy.get, cy.contains) ou Playwright (page.locator, getByText, getByPlaceholder). Lista de Candidatos: Se o seletor automático não for o que você precisa, escolha entre uma lista completa de opções disponíveis, incluindo ID, Name, Texto, Alt, Placeholder e caminhos CSS. UI Moderna com Dark Mode: Uma interface limpa e intuitiva que respeita sua preferência de tema (Claro ou Escuro) para maior conforto visual durante longas sessões de trabalho. Como Usar em 4 Passos: Abra o Painel: Clique no ícone da extensão para abrir o Side Panel. Ative a Inspeção: Ligue a chave "Inspect". O cursor mudará para uma mira, facilitando a seleção. Selecione o Elemento: Passe o mouse sobre os elementos (identificados por uma etiqueta rosa) e clique no desejado. Copie e Cole: Escolha o melhor seletor na lista e clique em "Copiar". O código já vem formatado para o framework escolhido. Privacidade e Performance Processamento Local: Todo o processamento do DOM e geração de seletores é feito localmente no seu navegador. Não coletamos dados pessoais, histórico ou informações sensíveis. Leve e Rápido: Desenvolvido em Vanilla JavaScript e Manifest V3, garantindo alta performance e conformidade com os mais recentes padrões de segurança do Google Chrome (2025). Simplifique sua automação hoje mesmo com o QA Selector Helper!