Testando sua interface de usuário

OBSERVAÇÃO

A partir AEM 6.5, a estrutura de teste da interface do usuário do hobbes.js está obsoleta. A Adobe não planeja fazer mais aprimoramentos e recomenda que os clientes usem a automação Selenium.

Consulte Recursos Obsoletos e Removidos.

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

A estrutura de teste AEM usa Hobbes.js, uma biblioteca de testes escrita em Javascript. A estrutura do 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 AEM.

OBSERVAÇÃO

Consulte a documentação do Hobbes.js 🔗 para obter detalhes completos da API.

Estrutura dos ensaios

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

Ação Uma Ação é uma atividade específica em uma página da Web, como clicar em um link ou em um botão.
Caso de teste Uma Caso de teste é uma situação específica que pode ser composta de uma ou mais Ações.
Test Suite Um Test Suite é um grupo de Casos de teste relacionados que, juntos, testam um caso de uso específico.

Executando testes

Exibindo 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 teste e seus casos de teste.

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

chlimage_1-63

Ao abrir o console, os Conjuntos de teste são listados à esquerda, juntamente com uma opção para executar todos eles sequencialmente. O espaço à direita mostrado com um plano de fundo verificado é um espaço reservado para mostrar o conteúdo da página à medida que os testes são executados.

chlimage_1-64

Execução de um único Test Suite

Os 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 seleção indica um teste aprovado:

Um ícone "X" indica uma falha no teste:

Para executar um Test Suite:

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

    chlimage_1-65

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

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

    chlimage_1-66

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

    chlimage_1-67

Execução de vários testes

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

chlimage_1-68

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

  2. Para visualização dos resultados de cada caso de teste, toque ou clique no título do caso de teste. Tocar ou clicar no nome do teste no painel Resultado mostra todos os detalhes.

    chlimage_1-69

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

O procedimento a seguir o orienta pela criação e execução de um Test Suite 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 como criar seus próprios Conjuntos de testes, consulte a documentação da API Hobbes.js.

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

  2. Clique com o botão direito do mouse na pasta /etc/clientlibs e clique em Criar > Criar pasta. Digite myTests como nome e clique em OK.

  3. Clique com o botão direito do mouse na pasta /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:

    Nome Tipo Valor
    categories Sequência de caracteres[] granite.testing.hobbes.tests
    dependencies Sequência de caracteres[] granite.testing.hobbes.testrunner
    OBSERVAÇÃO

    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 nó myFirstTest e clique em Criar > Criar arquivo. Nomeie o arquivo js.txt e clique em OK.

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

    #base=.
    myTestSuite.js
    
  8. Clique em Salvar tudo e feche o arquivo js.txt.

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

  10. Copie o seguinte código para o arquivo myTestSuite.js e 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 console Testando para testar seu conjunto de testes.

Nesta página