Enregistrer un script

Enregistrez des scripts chaque fois que vous souhaitez vous enregistrer en train d'effectuer des actions sur la page en cours de test dans un ordre séquentiel afin qu'elles puissent être répétées automatiquement plus tard. Les scripts peuvent être particulièrement utiles lorsqu'ils sont appliqués à des analyses axe Monitor (par exemple, des scripts de connexion pour établir des sessions sécurisées pour l'accès aux pages, des scripts de contenu dynamique pour exposer des formulaires et widgets cachés, ou pour activer des étapes masquées dans des processus à plusieurs étapes).

Vous pouvez contrôler quels types d'événements sont enregistrés en sélectionnant des options dans le panneau Options d'enregistrement de script, accessible via le lien Options du panneau Scripts.

Avant de commencer : Assurez-vous d'abord d'avoir chargé la page de démarrage souhaitée dans le navigateur.

1. Sur le panneau Scripts, sélectionnez Démarrer l'enregistrement.

   

2. Rechargez la page web dans le navigateur après avoir cliqué sur le bouton Enregistrer. Commencez à effectuer des actions sur la page en cours de test comme souhaité, dans l'ordre souhaité (par exemple, en cliquant sur le lien de la page Bureaux dans le menu horizontal principal).

   

   Vous remarquerez qu'à mesure que vous interagissez avec le site, un tableau apparaît dans le volet de contenu principal du panneau Scripts et des lignes commencent à apparaître avec chaque colonne peuplée de valeurs pour chaque événement (par exemple, dans la colonne Event un événement 'loadURL' avec la colonne URL comme 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Lorsque vous avez terminé d'effectuer toutes les actions souhaitées, sélectionnez Stop Recording (qui a remplacé le bouton Start Recording).

Vous devez arrêter l'enregistrement à un moment donné pour obtenir un script enregistré. Cela active le lien Télécharger qui était grisé au-dessus du tableau des événements. De plus, cela fait que Stop Recording redevient Start Recording, et affiche un bouton Play en dessous.

L'enregistrement s'arrête immédiatement, et chaque action que vous avez enregistrée apparaît maintenant comme une ligne d'événement dans le tableau du panneau Scripts dans le volet de contenu droit, avec chaque colonne remplie de valeurs.

Tous les événements n'enregistrent pas les valeurs de contenu dans chaque cellule de colonne, donc certaines (par exemple, la colonne Détails pour le type d'événement focus) peuvent être vides. De plus, arrêter un enregistrement active les options Modifier et Supprimer dans les menus des colonnes Actions.

Enregistrer et exporter des actions CLI

Enregistrez et exportez des scripts CLI en utilisant le panneau Scripts.

Les actions CLI actuellement prises en charge pour l'enregistrement et l'exportation de scripts incluent :

• changer — changer la valeur de <input>, <select>, <textarea>
• cliquer — cliquer sur un élément dans le DOM
• naviguer — naviguer vers une nouvelle page

Avec le temps, nous prévoyons d'ajouter plus d'actions CLI. La fonctionnalité actuelle permet aux utilisateurs de commencer avec le CLI sans écrire une seule ligne de code !

1. Naviguez vers la page web que vous souhaitez analyser par le biais du scripting. Aux fins de cet exemple, nous avons ouvert https://dequelabs.github.io/aget-demo-site/.

   

2. Ouvrez les outils de développement de votre navigateur (Chrome pour macOS est utilisé dans les exemples ici) et naviguez jusqu'à l'onglet DevTools de l'axe Expert Extension. Sélectionnez Scripts.

   

3. Activez Start Recording.

   

   Lorsque actif, le bouton Start Recording devient rouge pour indiquer un enregistrement actif et le texte sous le bouton change pour Stop Recording.

   

4. Avec l'enregistrement de script actif, déplacez la fenêtre DevTools pour afficher le https://dequelabs.github.io/aget-demo-site/. Sélectionnez X pour fermer la fenêtre de dialogue.

5. Passez votre focus à l'extension axe Expert et sélectionnez Stop Recording. Notez que le panneau Script est désormais peuplé d'au moins une action - là où la boîte de dialogue modale a été fermée.

   

6. Sélectionnez le bouton Stop Recording dans le panneau gauche de l'axe Expert et passez en revue le contenu du panneau Script. Le bouton Start Recording est maintenant activé. Notez que le script contient un événement de clic. Notez également l'emplacement du lien Export to AGet comme étant le deuxième de quatre boutons dans le quadrant supérieur droit du panneau Script.

   

7. Sélectionnez Export to CLI pour démarrer le processus d'exportation CLI. L'extension axe Expert affiche l'explorateur de fichiers du système. Naviguez vers le dossier où vous souhaitez enregistrer le script CLI.

   Fournissez un nom de fichier significatif, en conservant soigneusement l'extension .json et sélectionnez Enregistrer.

   

8. La fenêtre du navigateur de fichiers système est fermée et un message de sauvegarde réussie ainsi que le nom du fichier enregistré s'affichent dans le coin inférieur gauche de la fenêtre DevTools.

   

9. Ouvrez le fichier JSON enregistré dans votre éditeur de texte préféré pour examiner le contenu du script CLI :