Verifica dell’interfaccia utente

AEM fornisce un framework per l’automazione dei test per l’interfaccia utente AEM. Utilizzando il framework, puoi scrivere ed eseguire test di 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 AEM di test nell’ambito 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 in AEM, è importante comprendere i seguenti termini:

Esecuzione di test

Visualizzazione delle suite di test

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

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 visualizzato con uno sfondo a scacchi è un segnaposto per la visualizzazione del contenuto della pagina durante l’esecuzione dei test.

Esecuzione di una suite di test singola

Le suite di test possono essere eseguite singolarmente. Quando esegui 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 , tocca o fai clic sul nome del Test Case da eseguire per espandere i dettagli delle azioni.

   

2. Tocca o fai clic su Esegui test pulsante .

   

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. Tocca o fai clic sul nome del Test Case nella Risultato mostra tutti i dettagli.

   

Esecuzione di più test

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

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

   

2. Per visualizzare i risultati di ogni test case, tocca o fai clic sul titolo del test case. Tocca o fai clic sul nome del test nella Risultato mostra tutti i dettagli.

   

Creazione e utilizzo di una suite di test semplice

La procedura seguente illustra la procedura per creare ed eseguire una suite di test utilizzando Contenuto We.Retail, ma puoi modificare facilmente il test per utilizzare una pagina web diversa.

Per informazioni complete sulla creazione di suite di test, consulta Documentazione API di Hobbes.js.

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

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

3. Fai clic con il pulsante destro del mouse sul pulsante /etc/clientlibs/myTests e fai clic su Crea > Crea nodo. Utilizza i seguenti valori di proprietà e fai clic su OK:

   • Nome: myFirstTest
   • Tipo: cq:ClientLibraryFolder

4. Aggiungi le seguenti proprietà al nodo myFirstTest:

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

   NOTA

   Solo AEM Forms

   Per testare i moduli adattivi, aggiungi 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. Fai clic su Salva tutto.

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

7. In js.txt file, immetti il testo seguente:

   #base=.
   myTestSuite.js
   

8. Fai clic su Salva tutto e quindi chiudere il js.txt file.

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

10. Copia il seguente codice nel 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. Passa a Test per provare la suite di test.

Risorse Business.Adobe.com

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