Testando sua interface de usuário

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.

Estrutura dos ensaios

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

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.

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.

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.

   

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.

   

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.

   

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.

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.

   

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. (http://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	String[]	granite.testing.hobbes.tests
   dependencies	String[]	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.

Recursos do Business.Adobe.com

Content Insights Cms Cloud Asset Collections Version History Web Content Management Digital Asset Management