Verifica dell'interfaccia utente

AEM fornisce un framework per l'automazione dei test per l'interfaccia utente AEM. Utilizzando il framework, potete scrivere ed eseguire test di interfaccia direttamente in un browser Web. Il framework fornisce un'API javascript per la creazione di test.

Il framework di test AEM utilizza Hobbes.js, una libreria di test scritta in Javascript. Il framework Hobbes.js è stato sviluppato per AEM di test come parte del processo di sviluppo. Il framework è ora disponibile per l'uso pubblico per il test delle applicazioni AEM.

Struttura dei test

Quando si utilizzano test automatizzati all'interno di AEM, è importante comprendere i termini seguenti:

Esecuzione di test

Visualizzazione delle suite di test

Aprite la console di test per visualizzare le suite di test registrate. Il pannello Test contiene un elenco delle suite di test e dei relativi casi di test.

Passare alla console Strumenti tramite Navigazione globale -> Strumenti > Operazioni -> Test.

All’apertura della console, le suite di test sono elencate a sinistra insieme a un’opzione per eseguirle tutte in sequenza. Lo spazio a destra visualizzato con uno sfondo a scacchi è un segnaposto per la visualizzazione del contenuto della pagina durante l'esecuzione dei test.

Esecuzione di una singola suite di test

Le suite di test possono essere eseguite singolarmente. Quando eseguite una suite di test, la pagina cambia man mano che vengono eseguiti i casi di test e le relative azioni, e i risultati vengono visualizzati dopo il completamento del test. Le icone indicano i risultati.

Un'icona a forma di segno di spunta indica un test superato:

Un'icona "X" indica un test non riuscito:

Per eseguire una suite di test:

1. Nel pannello Test, fate clic o toccate il nome del test case da eseguire per espandere i dettagli delle azioni.

   

2. Tocca o fai clic sul pulsante Esegui test.

   

3. Il segnaposto viene sostituito con il contenuto della pagina durante l'esecuzione del test.

   

4. Esaminare i risultati del test case toccando o facendo clic sulla descrizione per aprire il pannello Result. Toccando o facendo clic sul nome del test case nel pannello Result vengono visualizzati tutti i dettagli.

   

Esecuzione di più test

Le suite di test vengono eseguite in sequenza nell'ordine in cui appaiono nella console. Potete eseguire il drill-down in un test per visualizzare i risultati dettagliati.

1. Nel pannello Test, toccate o fate clic sul pulsante Esegui tutti i test oppure sul pulsante Esegui test sotto il titolo della suite di test da eseguire.

   

2. Per visualizzare i risultati di ogni test case, toccate o fate clic sul titolo del test case. Toccando o facendo clic sul nome del test nel pannello Risultato vengono visualizzati tutti i dettagli.

   

Creazione e utilizzo di una suite di test semplice

La procedura seguente illustra la creazione ed esecuzione di una suite di test con We.Retail content, ma è possibile modificare facilmente il test per utilizzare una pagina Web diversa.

Per informazioni dettagliate sulla creazione di suite di test, consultate la documentazione API di Hobbes.js.

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

2. Fare clic con il pulsante destro del mouse sulla cartella /etc/clientlibs e scegliere Crea > Crea cartella. Digitare myTests per il nome e fare clic su OK.

3. Fare clic con il pulsante destro del mouse sulla cartella /etc/clientlibs/myTests e scegliere Crea > Crea nodo. Utilizzare i seguenti valori delle proprietà e quindi fare clic su OK:

   • Nome: myFirstTest
   • Tipo: cq:ClientLibraryFolder

4. Aggiungi le seguenti proprietà al nodo myFirstTest:

   Nome	Tipo	Valore
   categories	String[]	granite.testing.hobbes.tests
   dependencies	String[]	granite.testing.hobbes.testrunner

   NOTA

   solo AEM Forms

   Per verificare i moduli adattivi, aggiungere i seguenti valori alle categorie e alle dipendenze. Esempio:

   categorie: granite.testing.hobbes.tests, granite.testing.hobbes.af.commons

   dipendenze: granite.testing.hobbes.testrunner, granite.testing.hobbes.af

5. Fare clic su Salva tutto.

6. Fare clic con il pulsante destro del mouse sul nodo myFirstTest e scegliere Crea > Crea file. Denominate il file js.txt e fate clic su OK.

7. Nel file js.txt, immettete il testo seguente:

   #base=.
   myTestSuite.js
   

8. Fare clic su Salva tutto, quindi chiudere il file js.txt.

9. Fare clic con il pulsante destro del mouse sul nodo myFirstTest e scegliere Crea > Crea file. Denominate il file myTestSuite.js e fate clic su OK.

10. Copiate il codice seguente nel file myTestSuite.js, quindi salvate il file:

    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. Andate alla console Testing per provare la suite di test.

Risorse Business.Adobe.com

Content Insights Cms Cloud Asset Collections Version History Web Content Management Digital Asset Management