Ein Skript aufzeichnen

Nehmen Sie Skripte auf, wann immer Sie Aktionen auf der zu testenden Seite in einer bestimmten Reihenfolge aufzeichnen möchten, damit diese später automatisch wiederholt werden können. Skripte können besonders nützlich sein, wenn sie auf axe Monitor-Scans angewendet werden (z. B. Anmeldeskripte, um sichere Sitzungen für den Seitenzugriff zu etablieren, oder dynamische Inhaltsskripte, um versteckte Formularmenüs und Widgets anzuzeigen).

Sie können steuern, welche Arten von Ereignissen aufgezeichnet werden, indem Sie Optionen im Optionen-Bereich für Skriptaufzeichnungen auswählen, der über den Link „Optionen“ im Skript-Bereich zugänglich ist.

Bevor Sie beginnen: Stellen Sie sicher, dass die gewünschte Startseite im Browser geladen ist.

1. Wählen Sie im Skript-Bereich „Aufnahme starten“.

   

2. Laden Sie die Webseite im Browser neu, nachdem Sie auf die Aufnahme-Schaltfläche geklickt haben. Beginnen Sie, die gewünschten Aktionen auf der zu testenden Seite in der gewünschten Reihenfolge auszuführen (zum Beispiel, indem Sie den Desktops-Seitenlink im Hauptmenü anklicken).

   

   Sie werden feststellen, dass, während Sie mit der Seite interagieren, im Hauptinhaltsbereich des Scripts-Panels eine Tabelle erscheint und Zeilen mit Werten für jedes Ereignis in jeder Spalte auftauchen (zum Beispiel, 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 abgeschlossen haben, wählen Sie Stop Recording (welcher den Start Recording-Button 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. Zusätzlich wechselt Stop Recording zurück zu Start Recording und zeigt einen Play-Button darunter an.

Die Aufnahme stoppt sofort, und jede aufgezeichnete Aktion wird nun als Ereigniszeile in der Tabelle des Skript-Bereichs im rechten Inhaltsbereich angezeigt, wobei jede Spalte mit Werten gefüllt ist.

Nicht jedes Ereignis wird Inhaltswerte in jeder Spaltenzelle aufzeichnen, daher können einige (zum Beispiel die Detials-Spalte für den Fokusereignistyp) leer sein. Zudem aktiviert das Stoppen einer Aufnahme die Bearbeiten- und Löschen-Optionen im Aktionsspaltenmenü.

CLI-Aktionen aufzeichnen und exportieren

Zeichnen Sie CLI-Skripte auf und exportieren Sie sie mit dem Scripts-Panel.

Derzeit unterstützte CLI-Aktionen für die Skriptaufzeichnung und den Export sind:

• ändern — Ändern Sie den Wert von <input>, <select>, <textarea>
• klicken — Klicken Sie auf ein Element im DOM
• navigieren — Navigieren Sie zu einer neuen Seite

Im Laufe der Zeit planen wir, mehr CLI-Aktionen hinzuzufügen. Die aktuelle Funktionalität ermöglicht es Benutzern, mit CLI zu beginnen, ohne eine einzige Codezeile zu schreiben!

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

   

2. Öffnen Sie die Entwicklerwerkzeuge Ihres Browsers (Chrome für macOS wird in den Beispielen hier verwendet) und navigieren Sie zur DevTools-Registerkarte der Axe Expert-Erweiterung. Wählen Sie Scripts.

   

3. Aktivieren Sie Start Recording.

   

   Wenn aktiv, wird der Start Recording-Button rot, um eine aktive Aufnahme anzuzeigen, und der Text unter dem Button ändert sich zu Stop Recording.

   

4. Mit aktiver Skriptaufzeichnung verschieben Sie das DevTools-Fenster, um das https://dequelabs.github.io/aget-demo-site/ anzuzeigen. Wählen Sie X, um das Dialogfenster zu schließen.

5. Wechseln Sie Ihren Fokus auf die Axe Expert-Erweiterung und wählen Sie Stop Recording. Beachten Sie, dass das Skript-Panel jetzt mit mindestens einer Aktion gefüllt ist - dort, wo der Modaldialog geschlossen wurde.

   

6. Wählen Sie den Stop Recording-Button im linken Panel der Axe Expert-Erweiterung und überprüfen Sie den Inhalt des Skript-Panels. Der Start Recording-Button ist jetzt aktiviert. Beachten Sie, dass das Skript ein Klick-Ereignis enthält. Beachten Sie auch die Position des Export to AGet-Links als der zweite von vier Buttons im oberen rechten Quadranten des Script-Panels.

   

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

   Geben Sie einen aussagekräftigen Dateinamen an, bewahren Sie sorgfältig die .json-Erweiterung und wählen Sie „Speichern“.

   

8. Das Systemdateibrowserfenster wird geschlossen und eine erfolgreiche Speicherungsnachricht sowie der Name der gespeicherten Datei werden in der unteren linken Ecke des DevTools-Fensters angezeigt.

   

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