QA Selector Helper

Gera seletores, grava interações UI e captura requests de Rede/API para Cypress, Playwright, Robot, Selenium e Gherkin.

O QA Selector Helper é a ferramenta definitiva para QA Engineers e Desenvolvedores que buscam eficiência e robustez. Esqueça a inspeção manual repetitiva: gere seletores inteligentes, grave fluxos E2E e transforme requisições reais em cenários de teste de API com poucos cliques. Por que escolher o QA Selector Helper? Diferente de inspetores genéricos, nossa extensão "pensa" como um QA. Ela prioriza atributos testáveis (data-cy, data-testid, data-test, data-qa) e ignora classes irrelevantes, ajudando você a criar testes mais resilientes a mudanças na UI. 🔥 Novidades da versão 1.7: Dashboard + Histórico Local + API Agora você pode centralizar sua produtividade dentro da própria extensão: - Dashboard em nova aba: visualize um histórico local de seletores e códigos gerados. - Filtros inteligentes: filtre por dia, área (E2E/API), tipo, framework e texto. - Organização por data: itens agrupados por dia para facilitar consultas. - Exportar/Importar JSON: leve seu histórico entre ambientes sem depender de servidor. - Atualização rápida: botão de atualizar para recarregar os históricos no Dashboard. - Syntax Highlight no Dashboard: visualização de código com cores no mesmo padrão da extensão. 🔥 Gerador de Testes de API (Rede/API) Monitore a rede da sua aplicação e transforme requisições reais em código de teste instantâneo! - Monitoramento focado: intercepta requisições XHR/Fetch em tempo real. - Bloqueador de ruído: filtra automaticamente analytics, pixels e anúncios (Google, Facebook, etc.) para manter a lista limpa. - Código automático: gera scripts de teste completos para: - Cypress (cy.request com assertions) - Playwright (request.get/post com assertions) - Robot Framework (RequestsLibrary) - Python (requests + pytest) - Gherkin (Cucumber steps) Principais Funcionalidades: - ✅ Inspeção Inteligente e Hierárquica: reconhece a melhor estratégia de seleção para cada elemento (ID, CSS, XPath relativo, texto). - ✅ Suporte Multi-Framework Expandido: snippets prontos para UI (E2E) e API. - ✅ Gravador de Fluxos (E2E): capture ações e gere código automaticamente. - ✅ Painel Lateral (Side Panel): interface moderna que não fecha sozinha, permitindo interagir livremente com a página. - ✅ Editor de Código com Syntax Highlight: visualize e valide seletores/código antes de copiar. - ✅ Prioridade para QA: detecta automaticamente atributos de teste antes de recorrer a IDs ou XPaths complexos. - ✅ Lista de Candidatos: escolha entre diversas opções de seletores gerados para o mesmo elemento. - ✅ Dashboard Local de Produtividade: histórico pesquisável de seletores, códigos E2E e códigos API. Como Usar em 5 Passos: 1. Abra: clique no ícone da extensão para abrir o Side Panel. 2. Escolha a área: use "Automação" (UI/E2E) ou "Rede/API". 3. Capture: clique em um elemento, grave um fluxo ou execute ações para capturar requisições. 4. Gere: selecione o framework desejado e obtenha o código automaticamente. 5. Organize: abra o Dashboard para revisar, filtrar, copiar e exportar o histórico gerado. Privacidade e Performance: - Local-First: todo processamento e histórico ficam no seu navegador (chrome.storage.local). Zero coleta de dados pessoais. - Leve e seguro: construído com Manifest V3 para melhor performance e segurança. Instale o QA Selector Helper e simplifique sua automação hoje mesmo!