Verifica dell’interfaccia utente testing-your-ui

CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

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.

NOTE
Fai riferimento a Hobbes.js documentazione per informazioni complete sull’API.

Struttura dei test structure-of-tests

Quando si utilizzano test automatizzati in AEM, è importante comprendere i seguenti termini:

Azione
Un Azione è un’attività specifica in una pagina web, ad esempio fare clic su un collegamento o un pulsante.
Caso di test
A Caso di test è una situazione specifica che può essere costituita da uno o più Azioni.
Suite di test
A Suite di test è un gruppo correlato Casi di test che testano insieme un caso d'uso specifico.

Esecuzione di test executing-tests

Visualizzazione delle suite di test viewing-test-suites

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.

chlimage_1-26

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-27

Esecuzione di una suite di test singola running-a-single-test-suite

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.

    chlimage_1-28

  2. Tocca o fai clic su Esegui test pulsante .

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

    chlimage_1-29

  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.

    chlimage_1-30

Esecuzione di più test running-multiple-tests

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.

chlimage_1-31

  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.

    chlimage_1-32

Creazione e utilizzo di una suite di test semplice creating-and-using-a-simple-test-suite

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. (http://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:

    table 0-row-3 1-row-3 2-row-3
    Nome Tipo Valore
    categories String[] granite.testing.hobbes.tests
    dependencies String[] 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
  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:

    code language-none
    #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:

    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")
    );
    
  11. Passa a Test per provare la suite di test.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e