Verifica dell’interfaccia

Nota

A partire da AEM 6.5, il framework di test dell'interfaccia utente di hobbes.js è obsoleto. Adobe non prevede di apportare ulteriori miglioramenti e consiglia ai clienti di utilizzare l'automazione Selenium.

See Deprecated and Removed Features.

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.

Nota

Per informazioni dettagliate sull'API, consultate la documentazione di Hobbes.js.

Struttura dei test

Quando si utilizzano test automatizzati all'interno di AEM, è importante comprendere 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.

chlimage_1-63

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.

chlimage_1-64

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.

    chlimage_1-65

  2. Tocca o fai clic sul pulsante Esegui test .

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

    chlimage_1-66

  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.

    chlimage_1-67

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.

chlimage_1-68

  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.

    chlimage_1-69

Creazione e utilizzo di una suite di test semplice

La procedura seguente illustra la creazione ed esecuzione di una suite di test con contenuto 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 APIHobbes.js.

  1. Apri 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
    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. 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.

In questa pagina