Verifica dell’interfaccia utente

L’AEM fornisce un framework per automatizzare i test per l’interfaccia utente dell’AEM. Utilizzando il framework, puoi scrivere ed eseguire test dell’interfaccia utente 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 testare l'AEM come parte del processo di sviluppo. Il framework è ora disponibile per l’uso pubblico per testare le applicazioni AEM.

Struttura delle prove

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

Esecuzione dei test

Visualizzazione delle suite di test

Apri la console di test per visualizzare le suite di test registrate. Il pannello Test contiene un elenco di suite di test e dei relativi test case.

Passa 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 mostrato con uno sfondo a quadretti è 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 si esegue una suite di test, la pagina cambia quando 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 di spunta indica che il test è stato superato:

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

Per eseguire una suite di test:

1. Nel pannello Test, tocca o fai clic sul nome del Test Case che desideri eseguire per espandere i dettagli delle azioni.

   

2. Clic Esegui test.

   

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

   

4. Rivedi i risultati del test case toccando o facendo clic sulla descrizione per aprire il Risultato pannello. Toccando o facendo clic sul nome del test case nel Risultato mostra tutti i dettagli.

   

Esecuzione di più test

Le suite di test vengono eseguite in sequenza nell’ordine in cui compaiono nella console. Puoi approfondire un test per visualizzare i risultati dettagliati.

1. Nel pannello Test, tocca o fai clic su Esegui tutti i test o Eseguire i test sotto il titolo della suite di test che desideri eseguire.

   

2. Per visualizzare i risultati di ogni test case, fare clic sul titolo del test case. Facendo clic sul nome del test in Risultato mostra tutti i dettagli.

   

Creazione e utilizzo di una suite di test semplice

La procedura seguente illustra i passaggi della creazione ed esecuzione di una suite di test utilizzando Contenuto We.Retail, ma puoi modificare facilmente il test per utilizzare una pagina web diversa.

Per informazioni dettagliate sulla creazione di suite di test personalizzate, vedi Documentazione API di Hobbes.js.

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

2. Fare clic con il pulsante destro del mouse /etc/clientlibs cartella e fai clic su Crea > Crea cartella. Tipo myTests per il nome e fai clic su OK.

3. Fare clic con il pulsante destro del mouse /etc/clientlibs/myTests cartella e fai clic su Crea > Crea nodo. Utilizza i seguenti valori delle proprietà, quindi fai 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 testare i moduli adattivi, aggiungi i seguenti valori alle categorie e alle dipendenze. Ad esempio:

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

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

5. Clic Salva tutto.

6. Fare clic con il pulsante destro del mouse myFirstTest e fai clic su Crea > Crea file. Denomina il file js.txt e fai clic su OK.

7. In js.txt immetti il testo seguente:

   #base=.
   myTestSuite.js
   

8. Clic Salva tutto e quindi chiudere il js.txt file.

9. Fare clic con il pulsante destro del mouse myFirstTest e fai clic su Crea > Crea file. Denomina il file myTestSuite.js e fai clic su OK.

10. Copia il seguente codice in myTestSuite.js quindi salva 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. Accedi a Test per provare la tua suite di test.

Risorse Business.Adobe.com

Automated Onboarding Customer Communications Content As A Service Customer Experience Management Dynamic Forms Digital Rights Management