Verifica dell’interfaccia utente testing-your-ui
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 structure-of-tests
Quando si utilizzano test automatizzati all’interno dell’AEM, è importante comprendere i seguenti termini:
Esecuzione dei test executing-tests
Visualizzazione delle suite di test viewing-test-suites
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 running-a-single-test-suite
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:
-
Nel pannello Test, fate clic sul nome del test case che desiderate eseguire per espandere i dettagli delle azioni.
-
Clic Esegui test.
-
Il segnaposto viene sostituito con il contenuto della pagina durante l’esecuzione del test.
-
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 running-multiple-tests
Le suite di test vengono eseguite in sequenza nell’ordine in cui compaiono nella console. Puoi approfondire un test per visualizzare i risultati dettagliati.
-
Nel pannello Test, fate clic su Esegui tutti i test o Eseguire i test sotto il titolo della suite di test che desideri eseguire.
-
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 creating-and-using-a-simple-test-suite
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.
-
Apri CRXDE Liti. (https://localhost:4502/crx/de)
-
Fare clic con il pulsante destro del mouse
/etc/clientlibs
cartella e fai clic su Crea > Crea cartella. TipomyTests
per il nome e fai clic su OK. -
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
- Nome:
-
Aggiungi le seguenti proprietà al nodo myFirstTest:
table 0-row-3 1-row-3 2-row-3 Nome Tipo Valore categories
Stringa[] granite.testing.hobbes.tests
dependencies
Stringa[] granite.testing.hobbes.testrunner
note note NOTE 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
-
Clic Salva tutto.
-
Fare clic con il pulsante destro del mouse
myFirstTest
e fai clic su Crea > Crea file. Denomina il filejs.txt
e fai clic su OK. -
In
js.txt
immetti il testo seguente:code language-none #base=. myTestSuite.js
-
Clic Salva tutto e quindi chiudere il
js.txt
file. -
Fare clic con il pulsante destro del mouse
myFirstTest
e fai clic su Crea > Crea file. Denomina il filemyTestSuite.js
e fai clic su OK. -
Copia il seguente codice in
myTestSuite.js
quindi salva il file: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") );
-
Accedi a Test per provare la tua suite di test.