Documentatie AEM 6.4 Handleiding voor ontwikkeling

Uw gebruikersinterface testen testing-your-ui

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

Onderwerpen:
Developing

Gemaakt voor:

Developer

CAUTION

AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

AEM biedt een raamwerk voor het automatiseren van tests voor uw AEM UI. Met behulp van het framework schrijft en voert u tests voor de gebruikersinterface rechtstreeks in een webbrowser uit. Het framework biedt een javascript API voor het maken van tests.

Het AEM testframework gebruikt Hobbes.js, een testbibliotheek die in Javascript is geschreven. Het Hobbes.js-framework is ontwikkeld voor het testen van AEM als onderdeel van het ontwikkelingsproces. Het framework is nu beschikbaar voor gebruik door het publiek om uw AEM toepassingen te testen.

NOTE

Raadpleeg Hobbes.js documentatie voor volledige informatie over de API.

Structuur van de tests structure-of-tests

Wanneer het gebruiken van geautomatiseerde tests binnen AEM, zijn de volgende termijnen belangrijk om te begrijpen:

Handeling

An Handeling is een specifieke activiteit op een Web-pagina zoals het klikken van een verbinding of een knoop.

Testcase

A Testcase een specifieke situatie is die kan bestaan uit een of meer Handelingen.

Testsuite

A Testsuite is een groep van verwante Testgevallen die samen een specifiek gebruiksgeval testen.

Tests uitvoeren executing-tests

Testuiteinden weergeven viewing-test-suites

Open de testconsole om de geregistreerde testsuites te zien. Het deelvenster Tests bevat een lijst met testreeksen en de bijbehorende testdoosjes.

Ga via Algemene navigatie -> Gereedschappen > Bewerkingen -> Testen.

chlimage_1-26

Wanneer het openen van de console, zijn de Suites van de Test vermeld aan de linkerzijde samen met een optie om alle hen opeenvolgend in werking te stellen. De ruimte aan het recht die met een gevlokte achtergrond wordt getoond, is placeholder voor het tonen van paginainhoud aangezien de tests in werking stellen.

chlimage_1-27

Eén testsuite uitvoeren running-a-single-test-suite

Testsets kunnen afzonderlijk worden uitgevoerd. Wanneer u een testsuite uitvoert, verandert de pagina terwijl de testcase wordt uitgevoerd en de bijbehorende handelingen worden uitgevoerd. De resultaten verschijnen na afloop van de test. Pictogrammen geven de resultaten aan.

Een vinkje geeft aan dat een test is geslaagd:

Een X-pictogram geeft aan dat een test is mislukt:

Een testsuite uitvoeren:

Klik of tik in het deelvenster Tests op de naam van de testcase die u wilt uitvoeren om de details van de handelingen uit te vouwen.
Klik of tik op Test uitvoeren knop.
De tijdelijke aanduiding wordt tijdens de test vervangen door pagina-inhoud.
Bekijk de resultaten van de testcase door op de beschrijving te tikken of te klikken om de Resultaat deelvenster. Tik of klik op de naam van uw testcase in het dialoogvenster Resultaat worden alle details weergegeven.

Meerdere tests uitvoeren running-multiple-tests

Testsets worden opeenvolgend uitgevoerd in de volgorde waarin ze in de console worden weergegeven. U kunt naar beneden in een test boren om de gedetailleerde resultaten te zien.

chlimage_1-31

Tik op het deelvenster Tests of klik op Alle tests uitvoeren of de Tests uitvoeren onder de titel van de testsuite die u wilt uitvoeren.
Tik of klik op de titel van de testcase om de resultaten van elke testcase weer te geven. Tikken of klikken op de naam van de test in het dialoogvenster Resultaat worden alle details weergegeven.

Een eenvoudige testsuite maken en gebruiken creating-and-using-a-simple-test-suite

De volgende procedure doorloopt u het maken en uitvoeren van een testsuite met Wij.Detailinhoud, maar u kunt de test gemakkelijk wijzigen om een andere webpagina te gebruiken.

Voor volledige informatie over het maken van uw eigen testsuites raadpleegt u de Documentatie Hobbes.js API.

Open CRXDE Lite. (http://localhost:4502/crx/de)
Klik met de rechtermuisknop op de knop /etc/clientlibs map en klik op Maken > Map maken. Type myTests voor de naam en klik op OK.
Klik met de rechtermuisknop op de knop /etc/clientlibs/myTests map en klik op Maken > knooppunt maken. Gebruik de volgende eigenschapwaarden en klik vervolgens op OK:
- Naam: myFirstTest
- Type: cq:ClientLibraryFolder

Voeg de volgende eigenschappen toe aan het myFirstTest-knooppunt:

table 0-row-3 1-row-3 2-row-3
Naam	Type	Waarde
`categories`	`String[]`	`granite.testing.hobbes.tests`
`dependencies`	`String[]`	`granite.testing.hobbes.testrunner`

note note
NOTE
Alleen AEM Forms
Als u adaptieve formulieren wilt testen, voegt u de volgende waarden toe aan de categorieën en afhankelijkheden. Bijvoorbeeld:
categorieën: `granite.testing.hobbes.tests, granite.testing.hobbes.af.commons`
afhankelijkheden: `granite.testing.hobbes.testrunner, granite.testing.hobbes.af`

Klikken Alles opslaan.
Klik met de rechtermuisknop op de knop myFirstTest knoop en klik Maken > Bestand maken. Geef het bestand een naam js.txt en klik op OK.

In de js.txt Voer de volgende tekst in:

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

Klikken Alles opslaan en sluit vervolgens de js.txt bestand.
Klik met de rechtermuisknop op de knop myFirstTest knoop en klik Maken > Bestand maken. Geef het bestand een naam myTestSuite.js en klik op OK.

Kopieer de volgende code naar de myTestSuite.js en sla het bestand vervolgens op:

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

Ga naar de Testen -console om uw testsuite uit te proberen.

recommendation-more-help

2315f3f5-cb4a-4530-9999-30c8319c520e