Show Menu
ARGOMENTI×

Verifica dell’interfaccia

A partire da AEM 6.5, il framework di test dell’interfaccia utente di hobbes.js è obsoleto. Adobe non intende apportare ulteriori miglioramenti e consiglia ai clienti di utilizzare l'automazione selenio.
AEM fornisce un framework per l’automazione dei test per l’interfaccia utente di 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 di AEM utilizza Hobbes.js, una libreria di test scritta in Javascript. Il framework Hobbes.js è stato sviluppato per testare AEM come parte del processo di sviluppo. Il framework è ora disponibile per l’uso pubblico per il test delle applicazioni AEM.
Per informazioni dettagliate sull'API, consultate la documentazione di Hobbes.js.

Struttura dei test

Quando si utilizzano test automatizzati in AEM, è importante tenere presenti i termini seguenti:
Azione
Un' azione è un'attività specifica in una pagina Web, ad esempio fare clic su un collegamento o un pulsante.
Caso di prova
Un caso di prova è una situazione specifica che può essere costituita da una o più azioni .
Suite di test
Una suite di test è un gruppo di casi di test correlati che insieme testano un caso d’uso specifico.

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.
Passate 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. Esaminate i risultati del test case toccando o facendo clic sulla descrizione per aprire il pannello Risultato . Toccando o facendo clic sul nome del test case nel pannello Risultato 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 o 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 contenuto Implementazione di riferimento We.Retail We.Retail, 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 Hobbes.js.
  1. Aprite CRXDE Lite. ( https://localhost:4502/crx/de )
  2. Fate clic con il pulsante destro del mouse sulla /etc/clientlibs cartella e fate clic su Crea > Crea cartella . Digitare myTests il nome e fare clic su OK .
  3. Fare clic con il pulsante destro del mouse sulla /etc/clientlibs/myTests cartella e scegliere Crea > Crea nodo . Utilizzate i seguenti valori di proprietà e fate 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
    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. Fate clic su Salva tutto .
  6. Fare clic con il pulsante destro del mouse sul myFirstTest nodo e scegliere Crea > Crea file . Name the file js.txt and click OK .
  7. Nel js.txt file, immettete il testo seguente:
    #base=.
    myTestSuite.js
    
    
  8. Fate clic su Salva tutto , quindi chiudete il js.txt file.
  9. Fare clic con il pulsante destro del mouse sul myFirstTest nodo e scegliere Crea > Crea file . Name the file myTestSuite.js and click OK .
  10. Copiate il seguente codice nel myTestSuite.js file e 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. Passate alla console Test per provare la suite di test.