Componentes Comuns
Testar com componentes comuns (uma parte de uma página que é repetida em várias páginas, como o cabeçalho ou rodapé de um site) permite evitar a duplicação de problemas e reduzir o esforço de teste ao testar apenas uma vez um componente repetido.
O Axe Auditor permite adicionar componentes comuns a um caso de teste através de um processo simples no qual você especifica um componente por nome e com um seletor que define o elemento no qual o componente existe.
Além disso, você deve fornecer a URL de uma das páginas que contêm o componente. Opcionalmente, você pode especificar os tipos de elementos menos comuns que devem ser especificamente alvo ou ignorados, além de quaisquer instruções textuais relevantes relacionadas ao acesso ao componente a ser testado.
A tabela a seguir lista cada campo na caixa de diálogo Adicionar Novo Componente na coluna da esquerda, com uma descrição de uso de cada um na coluna da direita.
| Campo | Descrição de Uso |
|---|---|
| Nome do Componente | Obrigatório. Digite um nome que identifique o componente de forma única. |
| URL de Exemplo | Obrigatório. Digite ou cole a URL de uma página na qual o componente existe. Isso é necessário para testes automatizados. |
| Seletor | Obrigatório. Cole um seletor de folha de estilo em cascata (CSS) que define o elemento no qual o componente existe para direcionar esse elemento em testes automatizados. Isso pode ser um seletor simples, como uma classe ou ID, ou um caminho de seletor. Se você estiver usando IDs de CSS, certifique-se de começar o ID com um #. Para um nome de classe CSS, comece com um ponto final(.). Exemplos: #meuIDnome ou .minhaclassenome. Para mais informações, veja Seletor CSS. |
| Elementos presentes na página | Marque todas as opções que se aplicam. O checkbox Formulários é selecionado por padrão. Isso permite que você direcione ou ignore tipos específicos de elementos e suas regras de acessibilidade e pontos de verificação associados para limitar o que está sendo testado. |
| Instruções | Digite quaisquer instruções detalhadas que sejam importantes para o testador compreender/executar antes de testar o componente (por exemplo, informações específicas necessárias para acessar e/ou expor os elementos da página para serem testados). |
| Adicionar outro componente | Marque esta caixa se você quiser continuar com este mesmo procedimento para adicionar outro componente comum após adicionar o atual. Isso apresenta uma nova janela de formulário em branco da caixa de diálogo Adicionar Novo Componente imediatamente após ativar o botão Adicionar Novo Componente. |
Trabalhando com componentes existentes
Se você tiver importado em massa componentes comuns e páginas usando o método de upload de arquivo CSV na página de Detalhes, poderá encontrar componentes comuns existentes no lado direito da página. Para saber como editar componentes em uma execução de teste existente, leia o tópico Editando Componentes. Para deletar o componente existente, leia o tópico Deletando Componentes Comuns.