Qa Selector Helper

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!