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 testando o componente repetido apenas uma vez.
O Axe Auditor permite que você adicione componentes comuns a um caso de teste por meio 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 alvos ou ignorados, e quaisquer instruções textuais relevantes relativas 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 exclusivamente o componente. |
| URL de Exemplo | Obrigatório. Digite ou cole a URL de uma página na qual o componente exista. Isso é necessário para testes automatizados. |
| Seletor | Obrigatório. Cole um seletor de Cascading Style Sheet (CSS) que defina o elemento no qual o componente existe para direcionar esse elemento no teste automatizado. Isso pode ser um seletor simples como uma classe ou ID, ou um caminho de seletor. Se estiver usando IDs de CSS, certifique-se de começar o ID com um #. Para um nome de classe CSS, comece com um ponto ou ponto final(.). Exemplos: #meuidnome ou .minhanomeclasse. Para mais informações, veja Seletor CSS. |
| Elementos presentes na página | Marque todos os que se aplicam. A Formulários caixa de seleção está selecionada por padrão. Isso permite direcionar ou ignorar tipos específicos de elementos e suas regras e checkpoints de acessibilidade associados para limitar o que está sendo testado. |
| Instruções | Digite quaisquer instruções detalhadas que sejam importantes para o testador entender/executar antes de testar o componente (por exemplo, informações específicas necessárias para acessar e/ou expor os elementos da página a 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 lhe apresentará uma nova janela de formulário de caixa de diálogo Adicionar Novo Componente em branco imediatamente após ativar o botão Adicionar Novo Componente. |
Trabalhando com componentes existentes
Se você importou em massa componentes comuns e páginas usando um método de upload de arquivo CSV na página de Detalhes, pode encontrar componentes comuns existentes no lado direito da página. Para saber como editar componentes em um teste existente, leia o tópico Editando Componentes. Para excluir o componente existente, leia o tópico Excluindo Componentes Comuns.