Gravar um Script

Grave scripts sempre que quiser registrar suas ações na página em teste em uma ordem sequencial para que possam ser repetidas automaticamente em um momento posterior. Scripts podem ser particularmente úteis quando aplicados a verificações do axe Monitor (por exemplo, scripts de login para estabelecer sessões seguras para acesso à página, scripts de conteúdo dinâmico para expor menus de formulário ocultos e widgets, ou para ativar etapas ocultas em processos de múltiplas etapas).

Você pode controlar quais tipos de eventos são gravados selecionando opções no painel de Opções de Gravação de Script, que é acessado através do link Opções no painel de Scripts.

Antes de começar: Certifique-se de ter a página inicial desejada carregada no navegador.

1. No painel de Scripts, selecione Iniciar Gravação.

   

2. Recarregue a página da web no navegador após clicar no botão Gravar. Comece a realizar ações na página em teste conforme desejado, na ordem desejada (por exemplo, clicando no link da página Desktops no menu horizontal principal).

   

   Você notará que, à medida que interage com o site, uma tabela aparece no painel de conteúdo principal do painel Scripts e linhas começam a aparecer, com cada coluna preenchida com valores para cada evento (por exemplo, na coluna Event um evento de 'loadURL' com a coluna URL como 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Quando você tiver concluído todas as ações desejadas, selecione Stop Recording (que substituiu o botão Start Recording).

Você deve parar a gravação em algum momento para obter um script gravado. Isso habilita o link de Upload, anteriormente desativado, acima da tabela de eventos. Além disso, isso faz com que Stop Recording mude novamente para Start Recording e exibe um botão Play abaixo.

A gravação para imediatamente, e cada ação que você gravou agora aparece como uma linha de evento na tabela do painel de Scripts no painel de conteúdo à direita, com cada coluna preenchida com valores.

Nem todos os eventos irão registrar valores de conteúdo em cada célula de coluna, por isso alguns (por exemplo, a coluna Detalhes para o tipo de evento de foco) podem estar em branco. Além disso, parar uma gravação habilita as opções Editar e Excluir nos menus da coluna Ações.

Gravar e exportar ações de CLI

Grave e exporte scripts de CLI usando o painel Scripts.

As ações de CLI atualmente suportadas e disponíveis para gravação e exportação incluem:

• alterar — alterar o valor de <input>, <select>, <textarea>
• clicar — clicar em um elemento no DOM
• navegar — navegar para uma nova página

Com o tempo, planejamos adicionar mais ações de CLI. A funcionalidade atual permite que os usuários comecem com CLI sem escrever uma única linha de código!

1. Navegue para a página da web que deseja analisar por meio de scripts. Para os fins deste exemplo, abrimos https://dequelabs.github.io/aget-demo-site/.

   

2. Abra as ferramentas de desenvolvedor do seu navegador (Chrome para macOS é usado nos exemplos aqui) e navegue até a aba axe Expert Extension DevTools. Selecione Scripts.

   

3. Ative Start Recording.

   

   Quando ativo, o botão Start Recording fica vermelho para indicar gravação ativa e o texto abaixo do botão muda para Stop Recording.

   

4. Com a gravação de script ativa, mova a janela das DevTools para fora do caminho para exibir a https://dequelabs.github.io/aget-demo-site/. Selecione X para dispensar a janela de diálogo.

5. Altere seu foco para a axe Expert Extension e selecione Stop Recording. Note que o painel de Script agora está preenchido com pelo menos uma ação - onde o diálogo modal foi dispensado.

   

6. Selecione o botão Stop Recording no painel esquerdo do axe Expert e reveja o conteúdo do painel de Script. O botão Start Recording agora está ativado. Observe que o script contém um evento de clique. Observe também a localização do link Export to AGet como o segundo de quatro botões no quadrante superior direito do painel Script.

   

7. Selecione Export to CLI para iniciar o processo de exportação do CLI. A extensão axe Expert exibe o explorador de arquivos do sistema. Navegue até a pasta onde deseja salvar o script CLI.

   Forneça um nome de arquivo significativo, preservando cuidadosamente a extensão .json e selecione Salvar.

   

8. A janela do navegador de arquivos do sistema é fechada e uma mensagem de sucesso do salvamento, juntamente com o nome do arquivo salvo, é exibida no canto inferior esquerdo da janela do DevTools.

   

9. Abra o arquivo JSON salvo no seu editor de texto favorito para revisar o conteúdo do script CLI: