Documentação AEM 6.4 Guia de desenvolvimento

Testar sua interface do usuário testing-your-ui

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Tópicos:
Desenvolvimento

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 structure-of-tests

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

Ação

Um 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

A Caso de teste é uma situação específica que pode ser constituída por um ou mais Ações.

Conjunto de testes

A Conjunto de testes é um grupo de Casos de teste que, em conjunto, testam um caso de uso específico.

Execução de testes executing-tests

Visualização de conjuntos de testes viewing-test-suites

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 running-a-single-test-suite

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:

No painel Testes, clique ou toque no nome do caso de teste que deseja executar para expandir os detalhes das ações.
Clique ou toque no Executar teste botão.
O espaço reservado é substituído pelo conteúdo da página, conforme o teste é executado.
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.

Execução de vários testes running-multiple-tests

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

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.
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.

Criação e uso de um conjunto de teste simples creating-and-using-a-simple-test-suite

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.

Abra o CRXDE Lite. (http://localhost:4502/crx/de)
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.
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

Adicione as seguintes propriedades ao nó myFirstTest :

table 0-row-3 1-row-3 2-row-3
Nome	Tipo	Valor
`categories`	`String[]`	`granite.testing.hobbes.tests`
`dependencies`	`String[]`	`granite.testing.hobbes.testrunner`

note note
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`

Clique em Salvar tudo.
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.

No js.txt , insira o seguinte texto:

code language-none
`#base=. myTestSuite.js`

Clique em Salvar tudo e então feche a js.txt arquivo.
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.

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

code language-none

code language-none
`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") );`

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")
);

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

recommendation-more-help

2315f3f5-cb4a-4530-9999-30c8319c520e