Uw gebruikersinterface testen

Laatste update: 2023-05-04
  • Onderwerpen:
  • Developing
    Meer informatie over dit onderwerp
  • Gemaakt voor:
  • Developer
LET OP

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.

OPMERKING

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

Structuur van de 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

Testuiteinden weergeven

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

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:

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

    chlimage_1-28

  2. Klik of tik op Test uitvoeren knop.

  3. De tijdelijke aanduiding wordt tijdens de test vervangen door pagina-inhoud.

    chlimage_1-29

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

    chlimage_1-30

Meerdere tests uitvoeren

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

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

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

    chlimage_1-32

Een eenvoudige testsuite maken en gebruiken

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.

  1. Open CRXDE Lite. (http://localhost:4502/crx/de)

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

  3. 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
  4. Voeg de volgende eigenschappen toe aan het myFirstTest-knooppunt:

    Naam Type Waarde
    categories String[] granite.testing.hobbes.tests
    dependencies String[] granite.testing.hobbes.testrunner
    OPMERKING

    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

  5. Klikken Alles opslaan.

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

  7. In de js.txt Voer de volgende tekst in:

    #base=.
    myTestSuite.js
    
  8. Klikken Alles opslaan en sluit vervolgens de js.txt bestand.

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

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

    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. Ga naar de Testen -console om uw testsuite uit te proberen.

Op deze pagina