Dokumentation AEM 6.4 Entwickleranleitung

Testen der Benutzeroberfläche testing-your-ui

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Themen:
Developing

Erstellt für:

Developer

CAUTION

AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

AEM bietet ein Framework für die Automatisierung von Tests für Ihre AEM Benutzeroberfläche. Mit diesem Framework können Sie Tests der Benutzeroberfläche direkt in einem Webbrowser schreiben und ausführen. Das Framework umfasst eine JavaScript-API für das Erstellen von Tests.

Das AEM-Test-Framework nutzt Hobbes.js, eine Testbibliothek, die in JavaScript geschrieben wurde. Das Hobbes.js-Framework wurde für AEM-Tests als Teil des Entwicklungsprozesses entwickelt. Das Framework steht jetzt zur allgemeinen Verwendung zum Testen Ihrer AEM-Anwendungen zur Verfügung.

NOTE

Detaillierte Angaben zur API finden Sie in der Dokumentation zu Hobbes.js.

Struktur von Tests structure-of-tests

Bei der Verwendung automatisierter Tests in AEM sind die folgenden Begriffe wichtig, um sie zu verstehen:

Aktion

Eine Aktion ist eine bestimmte Aktivität auf einer Web-Seite, z. B. das Klicken auf einen Link oder eine Schaltfläche.

Testfall

Ein Testfall ist eine bestimmte Situation, die aus einer oder mehreren Aktionen bestehen kann.

Testsuite

Eine Test-Suite ist eine Gruppe verwandter Testfälle, die zusammen einen bestimmten Anwendungsfall testen.

Ausführen von Tests executing-tests

Anzeigen von Test-Suites viewing-test-suites

Öffnen Sie die Testkonsole , um die registrierten Test-Suites anzuzeigen. Das Testbedienfeld enthält eine Liste von Test-Suites und deren Testfälle.

Navigieren Sie zur Tools-Konsole über Globale Navigation -> Tools > Vorgänge -> Tests.

chlimage_1-26

Beim Öffnen der Konsole werden die Test-Suites links neben einer Option aufgeführt, mit der sie alle nacheinander ausgeführt werden können. Der rechts angezeigte Bereich mit einem gecheckten Hintergrund ist ein Platzhalter für die Anzeige des Seiteninhalts während der Testausführung.

chlimage_1-27

Ausführen einer einzelnen Test-Suite running-a-single-test-suite

Testsuiten können einzeln ausgeführt werden. Wenn Sie eine Test-Suite ausführen, ändert sich die Seite, während die Testfälle und ihre Aktionen ausgeführt werden. Die Ergebnisse werden nach Abschluss des Tests angezeigt. Die Ergebnisse werden durch Symbole gekennzeichnet.

Das Häkchen-Symbol kennzeichnet einen erfolgreichen Test:

Eine X-Symbol zeigt einen fehlgeschlagenen Test an:

So führen Sie eine Test Suite aus:

Klicken oder tippen Sie im Testfeld auf den Namen des Testfalls, den Sie ausführen möchten, um die Details der Aktionen zu erweitern.
Klicken oder tippen Sie auf Ausführen eines Tests Schaltfläche.
Der Platzhalter wird durch Seiteninhalte ersetzt, wenn der Test ausgeführt wird.
Überprüfen Sie die Ergebnisse des Testfalls, indem Sie auf die Beschreibung tippen oder klicken, um die Ergebnis Bereich. Tippen oder klicken Sie auf den Namen Ihres Testfalls im Ergebnis -Bedienfeld werden alle Details angezeigt.

Ausführen mehrerer Tests running-multiple-tests

Test-Suites werden nacheinander in der Reihenfolge ausgeführt, in der sie in der Konsole angezeigt werden. Sie können einen Test detailliert untersuchen, um die detaillierten Ergebnisse anzuzeigen.

chlimage_1-31

Tippen oder klicken Sie im Testfeld auf die Schaltfläche Alle Tests ausführen oder auf die Schaltfläche Tests ausführen unter dem Titel der Test-Suite, die Sie ausführen möchten.
Um die Ergebnisse jedes Testfalls anzuzeigen, tippen oder klicken Sie auf den Titel des Testfalls. Wenn Sie im Bedienfeld Ergebnis auf den Namen des Tests tippen oder klicken, werden alle Details angezeigt.

Erstellen und Verwenden einer einfachen Test-Suite creating-and-using-a-simple-test-suite

Die folgenden Schritte erläutern die Erstellung und Ausführung einer Test-Suite mit We.Retail-Inhalten. Sie können den Test jedoch auch einfach für eine andere Web-Seite anpassen.

Vollständige Informationen zum Erstellen eigener Test-Suites finden Sie in der Dokumentation zur Hobbes.js-API.

Öffnen Sie CRXDE Lite. (http://localhost:4502/crx/de)
Klicken Sie mit der rechten Maustaste auf den Ordner /etc/clientlibs und klicken Sie auf Erstellen > Ordner erstellen. Geben Sie als Namen myTests ein und klicken Sie auf OK.
Klicken Sie mit der rechten Maustaste auf den Ordner /etc/clientlibs/myTests und klicken Sie auf Erstellen > Knoten erstellen. Geben Sie die folgenden Eigenschaftswerte ein und klicken Sie dann auf OK:
- Name: myFirstTest
- Typ: cq:ClientLibraryFolder

Fügen Sie dem Knoten „myFirstTest“ die folgenden Eigenschaften hinzu:

table 0-row-3 1-row-3 2-row-3
Name	Typ	Wert
`categories`	`String[]`	`granite.testing.hobbes.tests`
`dependencies`	`String[]`	`granite.testing.hobbes.testrunner`

note note
NOTE
Nur AEM Forms
Fügen Sie den Kategorien und Abhängigkeiten die folgenden Werte hinzu, um adaptive Formulare zu testen. Beispiel:
categories:: `granite.testing.hobbes.tests, granite.testing.hobbes.af.commons`
dependencies: `granite.testing.hobbes.testrunner, granite.testing.hobbes.af`

Klicken Sie auf Alle speichern.
Klicken Sie mit der rechten Maustaste auf den Knoten myFirstTest und klicken Sie auf Erstellen > Datei erstellen. Nennen Sie die Datei js.txt und klicken Sie auf OK.

Geben Sie in der Datei js.txt den folgenden Text ein:

code language-none
`#base=. myTestSuite.js`

Klicken Sie auf Alle speichern und schließen Sie dann die Datei js.txt
Klicken Sie mit der rechten Maustaste auf den Knoten myFirstTest und klicken Sie auf Erstellen > Datei erstellen. Nennen Sie die Datei myTestSuite.js und klicken Sie auf OK.

Kopieren Sie den folgenden Code in die Datei myTestSuite.js und speichern Sie die Datei anschließend:

code language-none

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") );`

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")
);

Navigieren Sie zur Testkonsole, um die Test-Suite zu testen.

recommendation-more-help

2315f3f5-cb4a-4530-9999-30c8319c520e