Dokumentation AEM 6.4 Användarhandbok om utveckling

Testa användargränssnittet testing-your-ui

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Ämnen:
Developing

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

En X-ikon anger att testet misslyckades:

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

Klicka på eller tryck på namnet på det testfall som du vill köra för att utöka detaljerna för åtgärderna.
Klicka eller tryck på Kör test -knappen.
Platshållaren ersätts med sidinnehåll när testet utförs.
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.

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

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

Skapa och använda en enkel testsvit 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.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.

Öppna CRXDE Lite. (http://localhost:4502/crx/de)
Högerklicka på /etc/clientlibs mapp och klicka på Skapa > Skapa mapp. Typ myTests för namnet och klicka på OK.
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

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

table 0-row-3 1-row-3 2-row-3
Namn	Typ	Värde
`categories`	`String[]`	`granite.testing.hobbes.tests`
`dependencies`	`String[]`	`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`

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

I js.txt anger du följande text:

code language-none
`#base=. myTestSuite.js`

Klicka Spara alla och stäng sedan js.txt -fil.
Högerklicka på myFirstTest nod och klicka Skapa > Skapa fil. Namnge filen myTestSuite.js och klicka OK.

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

code language-none

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") );`

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")
);

Navigera till Testning för att testa testsviten.

recommendation-more-help

2315f3f5-cb4a-4530-9999-30c8319c520e