Testar sua interface do usuário

Última atualização: 4 de maio de 2023

Criado para:

  • Desenvolvedor
CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

O AEM fornece uma estrutura para automatizar testes para sua interface AEM. Usando a estrutura , você grava e executa testes de interface do usuário diretamente em um navegador da Web. A estrutura fornece uma API javascript para a criação de testes.

A estrutura de teste de AEM usa Hobbes.js, uma biblioteca de testes gravada em Javascript. A estrutura Hobbes.js foi desenvolvida para testar AEM como parte do processo de desenvolvimento. A estrutura agora está disponível para uso público para testar seus aplicativos de AEM.

NOTE
Consulte o arquivo Hobbes.js documentação para obter detalhes completos sobre a API.

Estrutura dos ensaios

Ao usar testes automatizados no AEM, os seguintes termos são importantes para entender:

AçãoUm Ação é uma atividade específica em uma página da Web, como clicar em um link ou em um botão.
Caso de testeA Caso de teste é uma situação específica que pode ser constituída por um ou mais Ações.
Conjunto de testesA Conjunto de testes é um grupo de Casos de teste que, em conjunto, testam um caso de uso específico.

Execução de testes

Visualização de conjuntos de testes

Abra o Console de teste para ver os Conjuntos de teste registrados. O painel Testes contém uma lista de conjuntos de testes e seus casos de teste.

Navegue até o console Ferramentas por meio do Navegação global -> Ferramentas > Operações -> Teste.

chlimage_1-26

Ao abrir o console, os Conjuntos de teste são listados à esquerda junto com uma opção para executá-los sequencialmente. O espaço à direita mostrado com um plano de fundo verificado é um espaço reservado para mostrar o conteúdo da página conforme os testes são executados.

chlimage_1-27

Executando um único conjunto de testes

Conjuntos de testes podem ser executados individualmente. Quando você executa um Test Suite, a página é alterada à medida que os Casos de teste e suas Ações são executados e os resultados são exibidos após a conclusão do teste. Os ícones indicam os resultados.

Um ícone de marca de verificação indica um teste aprovado:

Um ícone "X" indica um teste com falha:

Para executar um Test Suite:

  1. No painel Testes, clique ou toque no nome do caso de teste que deseja executar para expandir os detalhes das ações.

    chlimage_1-28

  2. Clique ou toque no Executar teste botão.

  3. O espaço reservado é substituído pelo conteúdo da página, conforme o teste é executado.

    chlimage_1-29

  4. Revise os resultados do caso de teste tocando ou clicando na descrição para abrir o Resultado painel. Tocar ou clicar no nome do seu caso de teste na Resultado mostra todos os detalhes.

    chlimage_1-30

Execução de vários testes

Os Conjuntos de teste são executados sequencialmente na ordem em que são exibidos no console. Você pode detalhar em um teste para ver os resultados detalhados.

chlimage_1-31

  1. No painel Testes , toque ou clique em Executar todos os testes ou o botão Executar testes abaixo do título do Test Suite que você deseja executar.

  2. Para visualizar os resultados de cada caso de teste, toque ou clique no título do caso de teste. Tocar ou clicar no nome do teste na Resultado mostra todos os detalhes.

    chlimage_1-32

Criação e uso de um conjunto de teste simples

O procedimento a seguir o orienta pela criação e execução de um Conjunto de teste usando Conteúdo We.Retail, mas você pode modificar facilmente o teste para usar uma página da Web diferente.

Para obter detalhes completos sobre a criação de seus próprios Conjuntos de teste, consulte o Documentação da API Hobbes.js.

  1. Abra o CRXDE Lite. (http://localhost:4502/crx/de)

  2. Clique com o botão direito do mouse no /etc/clientlibs e clique em Criar > Criar pasta. Tipo myTests para o nome e clique em OK.

  3. Clique com o botão direito do mouse no /etc/clientlibs/myTests e clique em Criar > Criar nó. Use os seguintes valores de propriedade e clique em OK:

    • Nome: myFirstTest
    • Tipo: cq:ClientLibraryFolder

  4. Adicione as seguintes propriedades ao nó myFirstTest :

    NomeTipoValor
    categoriesString[]granite.testing.hobbes.tests
    dependenciesString[]granite.testing.hobbes.testrunner
    NOTE
    Somente AEM Forms
    Para testar formulários adaptáveis, adicione os seguintes valores às categorias e dependências. Por exemplo:
    categorias: granite.testing.hobbes.tests, granite.testing.hobbes.af.commons
    dependências: granite.testing.hobbes.testrunner, granite.testing.hobbes.af

  5. Clique em Salvar tudo.

  6. Clique com o botão direito do mouse no myFirstTest e clique em Criar > Criar arquivo. Nomeie o arquivo js.txt e clique em OK.

  7. No js.txt , insira o seguinte texto:

    #base=.
myTestSuite.js

  8. Clique em Salvar tudo e então feche a js.txt arquivo.

  9. Clique com o botão direito do mouse no myFirstTest e clique em Criar > Criar arquivo. Nomeie o arquivo myTestSuite.js e clique em OK.

  10. Copie o código a seguir para o myTestSuite.js em seguida, salve o arquivo:

    new hobs.TestSuite("Experience Content Test Suite", {path:"/etc/clientlibs/myTests/myFirstTest/myTestSuite.js"})
   .addTestCase(new hobs.TestCase("Navigate to Experience Content")
      .navigateTo("/content/we-retail/us/en/experience/arctic-surfing-in-lofoten.html")
   )
   .addTestCase(new hobs.TestCase("Hover Over Topnav")
      .mouseover("li.visible-xs")
   )
   .addTestCase(new hobs.TestCase("Click Topnav Link")
      .click("li.active a")
);

  11. Navegue até o Teste para experimentar seu conjunto de testes.

Página anterior
Próxima página

Experience Manager