Een Script Opnemen

Neem scripts op wanneer je acties op de te testen pagina in een volgorde wilt opnemen, zodat ze later automatisch herhaald kunnen worden. Scripts kunnen bijzonder nuttig zijn wanneer ze worden toegepast op axe Monitor-scans (bijvoorbeeld inlogscripts om veilige sessies voor paginatoegang te creëren, dynamische contentscripts om verborgen formuliermenu's en widgets bloot te leggen, of om verborgen stappen in meerstapsprocessen te activeren).

Je kunt bepalen welke soorten gebeurtenissen worden opgenomen door opties te selecteren op het Script Opname Opties paneel, toegankelijk via de Opties link op het Scripts paneel.

Voordat je begint: Zorg ervoor dat je eerst de gewenste startpagina in de browser geladen hebt.

1. Selecteer 'Start Opname' op het Scripts paneel.

   

2. Herlaad de webpagina in de browser nadat je op de Opname-knop hebt geklikt. Begin vervolgens de gewenste acties op de te testen pagina uit te voeren, in de gewenste volgorde (bijvoorbeeld door te klikken op de Desktops paginalink in het hoofdmenu).

   

   Je zult merken dat wanneer je met de site interactie hebt, er een tabel verschijnt in het hoofdcontent paneel van het Scripts paneel en rijen beginnen te verschijnen met elke kolom gevuld met waarden voor elke gebeurtenis (bijvoorbeeld, in de Event kolom een 'loadURL' gebeurtenis met de URL kolom als 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Wanneer je klaar bent met het uitvoeren van alle gewenste acties, selecteer je Stop Recording (die de Start Recording knop heeft vervangen).

Je moet de opname op enig moment stoppen om een opgenomen script te hebben. Dit activeert de voorheen grijs gekleurde Upload link boven de gebeurtenistabel. Bovendien verandert Stop Recording weer terug naar Start Recording en verschijnt er een Play knop onder.

De opname stopt onmiddellijk en elke actie die je hebt opgenomen wordt nu weergegeven als een gebeurtenisrij in de Scriptspanel tabel in het rechtercontent paneel, met elke kolom gevuld met waarden.

Niet elke gebeurtenis zal inhoudswaarden vastleggen in elke kolomcel, dus sommige (bijvoorbeeld de Details-kolom voor het focus-gebeurtenistype) kunnen leeg zijn. Daarnaast stelt het stoppen van een opname de opties Bewerken en Verwijderen in de Acties-kolommenmenu's in staat.

CLI-acties opnemen en exporteren

Neem CLI-scripts op en exporteer ze via het Scripts paneel.

Momenteel ondersteunde CLI acties beschikbaar voor scriptopname en export zijn onder andere:

• wijzigen — wijzig de waarde van <input>, <select>, <textarea>
• klikken — klik op een element in de DOM
• navigeren — navigeer naar een nieuwe pagina

In de loop der tijd zijn we van plan meer CLI-acties toe te voegen. De huidige functionaliteit stelt gebruikers in staat om aan de slag te gaan met CLI zonder een regel code te schrijven!

1. Navigeer naar de webpagina die je wilt analyseren via scripting. Voor de doeleinden van dit voorbeeld hebben we https://dequelabs.github.io/aget-demo-site/ geopend.

   

2. Open de ontwikkelaarstools van je browser (in de voorbeelden hier wordt Chrome voor macOS gebruikt) en navigeer naar het axe Expert Extension DevTools tabblad. Selecteer Scripts.

   

3. Activeer Start Recording.

   

   Wanneer actief, kleurt de Start Recording knop rood om aan te geven dat opname actief is en de tekst onder de knop verandert naar Stop Recording.

   

4. Met scriptopname actief, verplaats het DevTools venster uit de weg om de https://dequelabs.github.io/aget-demo-site/ te tonen. Selecteer X om het dialoogvenster te sluiten.

5. Schakel je focus naar de axe Expert Extension en selecteer Stop Recording. Let op dat het Script panel nu gevuld is met ten minste één actie - waar de modale dialoog is gesloten.

   

6. Selecteer de Stop Recording knop in het axe Expert linker paneel en bekijk de inhoud van het Script panel. De Start Recording knop is nu ingeschakeld. Let op dat het script een klikgebeurtenis bevat. Let ook op de locatie van de Export to AGet link als de tweede van vier knoppen in het bovenste rechter kwadrant van het Script paneel.

   

7. Selecteer Export to CLI om het CLI exportproces te starten. De axe Expert Extension toont de systeem bestandsbrowser. Navigeer naar de map waar je het CLI script wilt opslaan.

   Geef een betekenisvolle bestandsnaam, waarbij je zorgvuldig de .json extensie bewaart en kies Opslaan.

   

8. Het verkenner venster van het systeem wordt gesloten en een succesvolle opslaanmelding en de naam van het opgeslagen bestand worden weergegeven in de linkerbenedenhoek van het DevTools-venster.

   

9. Open het opgeslagen JSON-bestand in je favoriete teksteditor om de inhoud van het CLI-script te bekijken: