Testa användargränssnittet testing-your-ui

NOTE
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 Inaktuella 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 som är 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
Mer information om API:t finns i dokumentationen för Hobbes.js.

Testernas struktur structure-of-tests

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
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 tester executing-tests

Visa testsviter viewing-test-suites

Ö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. Utrymmet 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 running-a-single-test-suite

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:

Kryssmarkeringsikon.

En X-ikon anger att testet misslyckades:

Det gick inte att testa ikonen som indikeras av ett X inuti en cirkel.

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

  1. Klicka på namnet på det testfall som du vill köra på panelen Testa för att visa information om åtgärderna.

    chlimage_1-65

  2. Klicka på Kör test.

    En bild av knappen Kör test, som indikeras av en högerriktad pekare inuti en cirkel.

  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öra flera tester running-multiple-tests

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. Klicka på knappen Kör alla tester eller knappen Kör tester under namnet på testsviten som du vill köra på testpanelen.

    En bild av knappen Kör alla test och knappen Kör test, som indikeras av en högerriktad pekare inuti en cirkel.

  2. Om du vill visa resultatet av varje testfall klickar du på titeln på testfallet. Om du klickar på namnet på testet på panelen Resultat visas all information.

    chlimage_1-69

Skapa och använda en enkel testprogramsvit creating-and-using-a-simple-test-suite

Följande procedur hjälper dig att skapa och köra en testsvit med We.Retail-innehåll, 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:

    table 0-row-3 1-row-3 2-row-3
    Namn Typ Värde
    categories Sträng[] granite.testing.hobbes.tests
    dependencies Sträng[] granite.testing.hobbes.testrunner
    note note
    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 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 filen js.txt:

    code language-none
    #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 filen myTestSuite.js och spara sedan filen:

    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. Gå till testkonsolen och testa testsviten.

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