Uw gebruikersinterface testen testing-your-ui

NOTE
Vanaf AEM 6.5 is het testframework voor de interface hobbes.js afgekeurd. De Adobe is niet van plan haar verder te verbeteren en raadt klanten aan seleniumautomatisering te gebruiken.
Zie Verouderde en verwijderde functies.

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

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 een placeholder voor het tonen van paginainhoud aangezien de tests in werking stellen.

chlimage_1-64

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:

Pictogram vinkje.

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

Mislukte testpictogram aangegeven door een X in een cirkel.

Een testsuite uitvoeren:

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

  2. Klikken Test uitvoeren.

    Een afbeelding van de knop Test uitvoeren, aangegeven door een naar rechts wijzende aanwijzer binnen een cirkel.

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

    chlimage_1-66

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

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

  1. Klik in het deelvenster Tests op de knop Alle tests uitvoeren of de Tests uitvoeren onder de titel van de testsuite die u wilt uitvoeren.

    Een afbeelding van de knop Alle tests uitvoeren en de knop Test uitvoeren, die wordt aangegeven door een naar rechts wijzende aanwijzer in een cirkel.

  2. Klik op de titel van de testcase om de resultaten van elke testcase weer te geven. Klik op de naam van de test in het dialoogvenster Resultaat worden alle details weergegeven.

    chlimage_1-69

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.Handelsinhoud, 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. (https://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:

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

    code language-none
    #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:

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2