QA Selector Helper

Tracking since Apr 4, 2026.

Changelog

• Apr 17, 2026
  description

  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!

  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.
  
  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!

Permissions & access

Permissions

activeTabscriptingstoragesidePaneltabsclipboardWrite

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to QA Selector Helper, ranked by description similarity.

Automation Selector Pro

Inspetor de seletores com Side Panel. Gera locators Playwright e Selenium, grava sequências de ações.

19

★ 5.0

DOM Element Capture

Capture and analyze DOM elements with their attributes

21

★ 5.0

Selion

Automatize testes web e API até 10x mais rápido.

650

★ 5.0

DevLens PRO - UI & Network Tool

Ferramenta completa para desenvolvedores: UI Inspector, Asset Downloader, Live Edit e Network Spy.

15

★ 4.8

Test Recorder - Seletor Inteligente

Grave interações e obtenha os melhores seletores CSS e XPath para testes automatizados

8

★ 5.0

QAutofill

Preencha formularios instantaneamente com dados baseados em tecnicas do CTFL/ISTQB: valores limite, particoes, CPF/CNPJ e mais.

5

★ 5.0

QA Selector Picker

Pick elements and generate robust selectors for QA workflows.

72

QA Power-Click

Generate Playwright, Cypress & Selenium selectors by clicking elements. Magic Form Filler, 42+ actions, Shadow DOM, optional AI.

43

★ 5.0