Enregistrer un script

Enregistrez des scripts chaque fois que vous souhaitez enregistrer les actions que vous effectuez sur la page testée dans un ordre séquentiel afin qu'elles puissent être répétées automatiquement ultérieurement. Les scripts peuvent être particulièrement utiles lorsqu'ils sont appliqués aux analyses d'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 menus de formulaire et des widgets cachés, ou pour activer des étapes cachées dans des processus en plusieurs étapes).

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

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

1. Dans le panneau Scripts, sélectionnez Démarrer l’enregistrement.

   

2. Rechargez la page Web dans le navigateur après avoir cliqué sur le bouton Démarrer l'enregistrement. Commencez à effectuer des actions sur la page testée comme vous le souhaitez, 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 et des lignes commencent à apparaître avec chaque colonne remplie de valeurs pour chaque événement (par exemple, dans la colonne Scripts un événement Event avec la colonne 'loadURL' comme ['http://abcdcomputech.dequecloud.com/desktops.php']). URL (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é afin d'avoir un script enregistré. Cela active le lien de téléchargement précédemment grisé au-dessus du tableau des événements. De plus, cela provoque un retour à Stop Recording à nouveau Start Recording et affiche un bouton en dessous Play .

L'enregistrement s'arrête immédiatement et chaque action que vous avez enregistrée s'affiche désormais sous la forme d'une ligne d'événement dans le tableau du panneau Scripts dans le volet de contenu de droite, chaque colonne étant remplie de valeurs.

Tous les événements n'enregistrent pas les valeurs de contenu dans chaque cellule de colonne. Par conséquent, certains (par exemple, la colonne Détails pour le type d'événement focus) peuvent être vides. De plus, l’arrêt d’un enregistrement active les options Modifier et Supprimer dans les menus de la colonne Actions.

Enregistrer et exporter les actions CLI

Enregistrez et exportez des scripts CLI à l'aide Scripts du panneau.

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

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

Au fil du temps, nous prévoyons d’ajouter davantage d’actions CLI. La fonctionnalité actuelle permet aux utilisateurs de démarrer avec la CLI sans écrire une seule ligne de code !

1. Accédez à la page Web que vous souhaitez analyser par le biais de scripts. Pour les besoins de cet exemple, nous avons ouvert https://dequelabs.github.io/aget-demo-site/.

   

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

   

3. Activer Start Recording.

   

   Lorsqu'il est actif, Start Recording le bouton devient rouge pour indiquer l'enregistrement actif et Stop Recordingle texte sous le bouton change.

   

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. Déplacez votre focus sur l'extension Axe Expert et sélectionnez Stop Recording. Notez que le panneau Script est désormais rempli 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 de gauche d'axe Expert et examinez 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 Export to AGet lien comme deuxième des quatre boutons dans le quadrant supérieur droit du Script panneau.

   

7. Sélectionnez Export to CLI pour démarrer le processus d'exportation CLI. L'extension axe Expert affiche le navigateur de fichiers système. Accédez au dossier dans lequel vous souhaitez enregistrer le script CLI.

   Donnez un nom de fichier significatif .json , en préservant soigneusement l'extension et sélectionnez Enregistrer.

   ![La fenêtre du navigateur de fichiers système avec le nom du fichier en surbrillance.] Le nom du fichier est désormais dismiss-modal.json. Le fichier sera enregistré dans le dossier Export_AGet_Scripts et le bouton Enregistrer est mis en surbrillance](https://media.dequeuniversity.com/product-docs/axe-expert-extension/3.5/en/images/aget-export-file-browser.png)

8. La fenêtre du navigateur de fichiers système est fermée et un message d'enregistrement réussi 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 consulter le contenu du script CLI :