Ferramenta Prática para Destacar Elementos HTML
O Element ID Highlighter é uma extensão gratuita para o navegador Chrome, projetada para desenvolvedores e engenheiros de QA. Esta ferramenta destaca automaticamente todos os elementos que possuem atributos específicos, como data-testid, facilitando o processo de depuração e testes em interfaces de usuário. Com um contorno tracejado claro ao redor dos elementos com IDs de teste, a extensão se torna uma aliada indispensável para equipes que utilizam data-testid para marcar elementos testáveis.
Além de ser leve e sem impacto no desempenho, o Element ID Highlighter se atualiza automaticamente quando há mudanças no DOM, oferecendo suporte a aplicações de página única (SPA) e frameworks como React, Vue e Angular. A privacidade dos usuários é uma prioridade, pois a extensão não coleta ou transmite dados, apenas altera a aparência dos elementos localmente no navegador.
