Testa användargränssnittet

Senast uppdaterad: 4 maj 2023

Skapat för:

  • Developer
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

AEM tillhandahåller ett ramverk för automatisering av tester för ditt AEM användargränssnitt. Med hjälp av ramverket kan du skriva och köra gränssnittstester direkt i en webbläsare. Ramverket innehåller ett javascript-API för att skapa tester.

I AEM testramverk används Hobbes.js, ett testbibliotek skrivet i Javascript. Hobbes.js-ramverket utvecklades för testning av AEM som en del av utvecklingsprocessen. Ramverket är nu tillgängligt för allmän användning för testning av dina AEM program.

NOTE
Se Hobbes.js dokumentation om du vill ha fullständig information om API:t.

Testernas struktur

När du använder automatiska tester i AEM är följande termer viktiga att förstå:

ÅtgärdAn Åtgärd är en specifik aktivitet på en webbsida, till exempel genom att klicka på en länk eller en knapp.
TestfallA Testfall är en specifik situation som kan bestå av en eller flera Åtgärder.
Test SuiteA Test Suite är en grupp av relaterade Testfall som tillsammans testar ett visst användningsfall.

Kör tester

Visa testsviter

Öppna testkonsolen för att se de registrerade testsviterna. Testpanelen innehåller en lista med testsviter och deras testfall.

Navigera till verktygskonsolen via Global navigering -> Verktyg > Åtgärder -> Testning.

chlimage_1-26

När du öppnar konsolen visas testsviterna till vänster tillsammans med ett alternativ för att köra alla sekventiellt. Det utrymme till höger som visas med en schackmönstrad bakgrund är en platshållare för hur sidinnehållet visas när testerna körs.

chlimage_1-27

Köra en testsvit

Testsviter kan köras individuellt. När du kör en testsvit ändras sidan allt eftersom testärenden och deras åtgärder körs och resultaten visas när testet har slutförts. Ikoner anger resultatet.

En bockmarkeringsikon anger att testet har slutförts:

En X-ikon anger att testet misslyckades:

Så här kör du en testsvit:

  1. Klicka på eller tryck på namnet på det testfall som du vill köra för att utöka detaljerna för åtgärderna.

    chlimage_1-28

  2. Klicka eller tryck på Kör test -knappen.

  3. Platshållaren ersätts med sidinnehåll när testet utförs.

    chlimage_1-29

  4. Granska resultatet av testfallet genom att trycka på eller klicka på beskrivningen för att öppna Resultat -panelen. Tryck eller klicka på namnet på testfallet i dialogrutan Resultat på panelen visas all information.

    chlimage_1-30

Köra flera tester

Testsviter körs sekventiellt i den ordning som de visas i konsolen. Du kan fördjupa dig i ett test för att se de detaljerade resultaten.

chlimage_1-31

  1. På testpanelen trycker eller klickar du på Kör alla tester eller Kör tester under namnet på testsviten som du vill köra.

  2. Om du vill visa resultatet av varje testfall trycker eller klickar du på titeln för testfallet. Tryck eller klicka på namnet på testet i dialogrutan Resultat på panelen visas all information.

    chlimage_1-32

Skapa och använda en enkel testsvit

I proceduren nedan beskrivs hur du skapar och kör en Test Suite med Innehåll för webb.butikmen du kan enkelt ändra testet så att det använder en annan webbsida.

Mer information om hur du skapar egna testsviter finns i Hobbes.js API-dokumentation.

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

  2. Högerklicka på /etc/clientlibs mapp och klicka på Skapa > Skapa mapp. Typ myTests för namnet och klicka på OK.

  3. Högerklicka på /etc/clientlibs/myTests mapp och klicka på Skapa > Skapa nod. Använd följande egenskapsvärden och klicka sedan på OK:

    • Namn: myFirstTest
    • Typ: cq:ClientLibraryFolder

  4. Lägg till följande egenskaper i noden myFirstTest:

    NamnTypVärde
    categoriesString[]granite.testing.hobbes.tests
    dependenciesString[]granite.testing.hobbes.testrunner
    NOTE
    Endast AEM Forms
    Om du vill testa adaptiva formulär lägger du till följande värden i kategorierna och beroenden. Till exempel:
    kategorier: granite.testing.hobbes.tests, granite.testing.hobbes.af.commons
    beroenden: granite.testing.hobbes.testrunner, granite.testing.hobbes.af

  5. Klicka Spara alla.

  6. Högerklicka på myFirstTest nod och klicka Skapa > Skapa fil. Namnge filen js.txt och klicka OK.

  7. I js.txt anger du följande text:

    #base=.
myTestSuite.js

  8. Klicka Spara alla och stäng sedan js.txt -fil.

  9. Högerklicka på myFirstTest nod och klicka Skapa > Skapa fil. Namnge filen myTestSuite.js och klicka OK.

  10. Kopiera följande kod till myTestSuite.js och sedan spara filen:

    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. Navigera till Testning för att testa testsviten.

Föregående sida
Nästa sida

Experience Manager