Aufzeichnen eines Skripts

Zeichnen Sie Skripte auf, wenn Sie sich selbst bei der Ausführung von Aktionen auf der getesteten Seite in einer sequenziellen Reihenfolge aufzeichnen möchten, sodass sie zu einem späteren Zeitpunkt automatisch wiederholt werden können. Skripte können besonders nützlich sein, wenn sie auf axe Monitor-Scans angewendet werden (z. B. Anmeldeskripte zum Einrichten sicherer Sitzungen für den Seitenzugriff, Skripte für dynamische Inhalte zum Anzeigen versteckter Formularmenüs und Widgets oder zum Aktivieren versteckter Schritte in mehrstufigen Prozessen).

Sie können steuern, welche Ereignistypen aufgezeichnet werden, indem Sie Optionen im Fenster „Skriptaufzeichnungsoptionen“ auswählen, auf das Sie über den Link „Optionen“ im Fenster „Skripte“ zugreifen können.

Bevor Sie beginnen: Stellen Sie sicher, dass Sie zunächst die gewünschte Startseite im Browser geladen haben.

1. Wählen Sie im Skript-Panel die Option „Aufzeichnung starten“ aus.

   

2. Laden Sie die Webseite im Browser neu, nachdem Sie auf die Schaltfläche „Aufnahme starten“ geklickt haben. Beginnen Sie mit der Ausführung von Aktionen auf der zu testenden Seite wie gewünscht und in der gewünschten Reihenfolge (zum Beispiel indem Sie im horizontalen Hauptmenü auf den Seitenlink Desktops klicken).

   

   Sie werden feststellen, dass beim Interagieren mit der Site eine Tabelle im Hauptinhaltsbereich des Scripts Bedienfelds angezeigt wird und Zeilen erscheinen, wobei jede Spalte mit Werten für jedes Ereignis gefüllt ist (beispielsweise in der Event Spalte ein 'loadURL' Ereignis mit der URL Spalte als 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Wenn Sie alle gewünschten Aktionen ausgeführt haben, wählen Sie Stop Recording (das die Schaltfläche Start Recording ersetzt hat).

Sie müssen die Aufnahme irgendwann stoppen, um ein aufgezeichnetes Skript zu haben. Dadurch wird der zuvor ausgegraute Upload-Link über der Ereignistabelle aktiviert. Darüber hinaus wird dadurch Stop Recording etwas wieder zu Start Recording etwas zurückgeändert und darunter eine Play Schaltfläche angezeigt.

Die Aufzeichnung wird sofort beendet und jede von Ihnen aufgezeichnete Aktion wird nun als Ereigniszeile in der Skriptfenster-Tabelle im rechten Inhaltsbereich angezeigt, wobei jede Spalte mit Werten gefüllt ist.

Nicht jedes Ereignis zeichnet Inhaltswerte in jeder Spaltenzelle auf, daher können einige (z. B. die Spalte „Details“ für den Ereignistyp Fokus) leer sein. Darüber hinaus werden durch das Stoppen einer Aufzeichnung die Optionen „Bearbeiten“ und „Löschen“ in den Menüs der Spalte „Aktionen“ aktiviert.

Aufzeichnen und Exportieren von CLI-Aktionen

Zeichnen Sie CLI-Skripte mithilfe des Scripts Panels auf und exportieren Sie sie.

Zu den derzeit unterstützten CLI-Aktionen für die Skriptaufzeichnung und den Skriptexport gehören:

• ändern — ändern Sie den Wert von <input>, <select>, <textarea>
• Klick – ein Element im DOM klicken
• navigieren — eine neue Seite navigieren

Wir planen, mit der Zeit weitere CLI-Aktionen hinzuzufügen. Die aktuelle Funktionalität ermöglicht es Benutzern, mit CLI zu beginnen, ohne eine einzige Codezeile schreiben zu müssen!

1. Navigieren Sie zu der Webseite, die Sie per Skript analysieren möchten. Für dieses Beispiel haben wir https://dequelabs.github.io/aget-demo-site/ geöffnet.

   

2. Öffnen Sie die Entwicklertools Ihres Browsers (in den Beispielen hier wird Chrome für macOS verwendet) und navigieren Sie zur Registerkarte „axe Expert Extension DevTools“. Wählen Sie Scripts.

   

3. Aktivieren Start Recording.

   

   Wenn die Schaltfläche Start Recording aktiv ist, wird sie rot, um eine aktive Aufzeichnung anzuzeigen, und der Text unter der Schaltfläche ändert sich zu Stop Recording.

   

4. Verschieben Sie bei aktiver Skriptaufzeichnung das DevTools-Fenster aus dem Weg, um [https://dequelabs.github.io/aget-demo-site/] anzuzeigen(https://dequelabs.github.io/aget-demo-site/). Wählen Sie, um das Dialogfenster zu schließen. X

5. Richten Sie Ihren Fokus auf die Axe Expert Extension und wählen Sie Stop Recording. Beachten Sie, dass das Skript-Panel jetzt mit mindestens einer Aktion gefüllt ist – bei der der modale Dialog geschlossen wurde.

   

6. Wählen Sie die Schaltfläche Stop Recording im linken Bereich „Experte“ und überprüfen Sie den Inhalt des Bereichs „Skript“. Die Schaltfläche Start Recording ist jetzt aktiviert. Beachten Sie, dass das Skript ein Klick-Event enthält. Beachten Sie auch die Position des Export to AGet Links als zweite von vier Schaltflächen im oberen rechten Quadranten des Script Panels.

   ![Das DevTools-Fenster zeigt das aufgezeichnete Skript im Skriptfenster an.] Beachten Sie, dass die Schaltfläche „Aufnahme starten“ wieder aktiviert wurde und dass sich die Schaltfläche „Exportieren“ als erste von drei Schaltflächen im oberen rechten Quadranten des Skriptfensters befindet.](https://media.dequeuniversity.com/product-docs/axe-expert-extension/3.5/en/images/aget-proc-script-pre-export.png)

7. Wählen Sie Export to CLI aus, um den CLI-Exportvorgang zu starten. Die axe Expert Extension zeigt den Systemdateibrowser an. Navigieren Sie zu dem Ordner, in dem Sie das CLI-Skript speichern möchten.

   Geben Sie einen aussagekräftigen Dateinamen ein, bewahren Sie dabei sorgfältig die Erweiterung .json beibehalten auf und wählen Sie „Speichern“ aus.

   ![Das Systemdateibrowserfenster mit hervorgehobenem Dateinamen.] Der Dateiname lautet jetzt dismiss-modal.json. Die Datei wird im Ordner „Export_AGet_Scripts“ gespeichert und die Schaltfläche „Speichern“ ist hervorgehoben](https://media.dequeuniversity.com/product-docs/axe-expert-extension/3.5/en/images/aget-export-file-browser.png)

8. Das Fenster des Systemdateibrowsers wird geschlossen und in der unteren linken Ecke des DevTools-Fensters werden eine Meldung über die erfolgreiche Speicherung sowie der Name der gespeicherten Datei angezeigt.

   

9. Öffnen Sie die gespeicherte JSON-Datei in Ihrem bevorzugten Texteditor, um den Inhalt des CLI-Skripts zu überprüfen: