Teste da interface do usuário testing-your-ui

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Tópicos:
Desenvolvimento

Criado para:

Desenvolvedor

NOTE

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

Consulte Recursos Preteridos e Removidos.

O AEM fornece uma estrutura para automatizar testes para a interface do 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 do JavaScript para a criação de testes.

A estrutura de testes do AEM usa Hobbes.js, uma biblioteca de testes escrita em JavaScript. A estrutura Hobbes.js foi desenvolvida para testar o 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 a documentação da Hobbes.js 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

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

Um Caso de Teste é uma situação específica que pode ser composta por uma ou mais Ações.

Conjunto de teste

Um Conjunto de Testes é um grupo de Casos de Testes relacionados que, juntos, testam um caso de uso específico.

Execução de testes executing-tests

Exibição de conjuntos de teste viewing-test-suites

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

Navegue até o console Ferramentas por meio de Navegação Global > Ferramentas > Operações > Testes.

chlimage_1-63

Ao abrir o console, os Conjuntos de testes são listados à esquerda, juntamente com uma opção para executar todos eles sequencialmente. O espaço à direita mostrado com um plano de fundo quadriculado é 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 conjunto de teste running-a-single-test-suite

Conjuntos de testes podem ser executados individualmente. Quando você executa um Conjunto de testes, 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 bem-sucedido:

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

Para executar um conjunto de teste:

No painel Testes, clique no nome do Caso de teste que deseja executar para expandir os detalhes das ações.
Clique em Executar teste.
O espaço reservado é substituído pelo conteúdo da página à medida que o teste é executado.
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 running-multiple-tests

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

chlimage_1-68

No painel Testes, clique no botão Executar todos os testes ou no botão Executar testes abaixo do título do Conjunto de Testes que você deseja executar.
Para exibir os resultados de cada Caso de Teste, clique no título do Caso de Teste. Clicar no nome do teste no painel 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 durante a criação e execução de um Conjunto de Testes usando conteúdo 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.

Abra o CRXDE Lite. (https://localhost:4502/crx/de)
Clique com o botão direito do mouse na pasta /etc/clientlibs e clique em Criar > Criar pasta. Digite myTests para o nome e clique em OK.
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

Adicione as seguintes propriedades ao nó myFirstTest:

table 0-row-3 1-row-3 2-row-3
Nome	Tipo	Valor
`categories`	Cadeia de caracteres[]	`granite.testing.hobbes.tests`
`dependencies`	Cadeia de caracteres[]	`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 nó myFirstTest e clique em Criar > Criar arquivo. Nomeie o arquivo js.txt e clique em OK.

No arquivo js.txt, insira o seguinte texto:

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

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

Copie o código a seguir para o arquivo myTestSuite.js e 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 console Testes para experimentar o conjunto de testes.

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2