Testa användargränssnittet

OBSERVERA

Från och med AEM 6.5 är testningsramverket hobbes.js UI föråldrat. Adobe planerar inte att göra ytterligare förbättringar av det och rekommenderar sina kunder att använda Selenium Automation.

Se Borttagna och borttagna funktioner.

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.

OBSERVERA

Mer information om API:t finns i dokumentationen till Hobbes.js .

Testernas struktur

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

Åtgärd En åtgärd är en specifik aktivitet på en webbsida, som att klicka på en länk eller en knapp.
Testfall Ett testfall är en specifik situation som kan bestå av en eller flera åtgärder.
Test Suite En testsvit är en grupp med relaterade testfall som tillsammans testar ett visst användningsfall.

Kör test

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

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

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

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

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

    chlimage_1-66

  4. Granska resultatet av testfallet genom att trycka på eller klicka på beskrivningen för att öppna panelen Resultat. Om du trycker eller klickar på namnet på testfallet på panelen Resultat visas all information.

    chlimage_1-67

Kör 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-68

  1. På testpanelen trycker eller klickar du på knappen Kör alla tester eller Kör test under titeln 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. Om du trycker eller klickar på namnet på testet på panelen Resultat visas all information.

    chlimage_1-69

Skapa och använda en enkel testsvit

I följande procedur steg du igenom när du skapar och kör en Test Suite med We.Retail content, men 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-dokumentationen.

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

  2. Högerklicka på mappen /etc/clientlibs och klicka på Skapa > Skapa mapp. Skriv myTests som namn och klicka på OK.

  3. Högerklicka på mappen /etc/clientlibs/myTests 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:

    Namn Typ Värde
    categories Sträng[] granite.testing.hobbes.tests
    dependencies Sträng[] granite.testing.hobbes.testrunner
    OBSERVERA

    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 på Spara alla.

  6. Högerklicka på noden myFirstTest och klicka på Skapa > Skapa fil. Ge filen namnet js.txt och klicka på OK.

  7. Ange följande text i js.txt-filen:

    #base=.
    myTestSuite.js
    
  8. Klicka på Spara alla och stäng sedan filen js.txt.

  9. Högerklicka på noden myFirstTest och klicka på Skapa > Skapa fil. Ge filen namnet myTestSuite.js och klicka på OK.

  10. Kopiera följande kod till myTestSuite.js-filen och spara sedan 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. Gå till Testing-konsolen för att testa testsviten.

På denna sida