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 Föråldrade 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
Se Hobbes.js dokumentation om du vill ha fullständig information om API:t.

Testernas struktur structure-of-tests

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

Åtgärd
An Åtgärd är en specifik aktivitet på en webbsida, till exempel genom att klicka på en länk eller en knapp.
Testfall
A Testfall är en specifik situation som kan bestå av en eller flera Åtgärder.
Test Suite
A Test Suite är en grupp av 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 Navigation > Tools > Operations > Testing.

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:

Ikonen för testet misslyckades, vilket 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 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 Resultat -panelen. Tryck eller klicka på namnet på testfallet i dialogrutan Resultat på panelen 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. På testpanelen klickar du på Kör alla tester eller Kör tester under namnet på testsviten som du vill köra.

    En bild av knappen Kör alla tester 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. Klicka på namnet på testet i Resultat på panelen visas all information.

    chlimage_1-69

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

I proceduren nedan beskrivs hur du skapar och kör en Test Suite med Innehåll för webb.butik, 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-dokumentation.

  1. Öppna CRXDE Lite. (https://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:

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

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

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

    code language-none
    #base=.
    myTestSuite.js
    
  8. Klicka Spara alla och stäng sedan js.txt -fil.

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

  10. Kopiera följande kod till myTestSuite.js och sedan spara 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. Navigera till Testning för att testa testsviten.

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