Registra uno script

Registra gli script ogni volta che vuoi registrare le tue azioni sulla pagina sottoposta a test in un ordine sequenziale, in modo che possano essere ripetute automaticamente in un secondo momento. Gli script possono essere particolarmente utili se applicati alle scansioni di axe Monitor (ad esempio, script di accesso per stabilire sessioni sicure per l'accesso alle pagine, script di contenuto dinamico per esporre menu e widget di moduli nascosti o per attivare passaggi nascosti in processi multi-step).

È possibile controllare quali tipi di eventi vengono registrati selezionando le opzioni nel pannello Opzioni di registrazione script, a cui si accede tramite il collegamento Opzioni nel pannello Script.

Prima di iniziare: Assicurati innanzitutto di aver caricato la pagina iniziale desiderata nel browser.

1. Nel pannello degli Script, seleziona Avvia registrazione.

   

2. Ricaricare la pagina web nel browser dopo aver cliccato sul pulsante di registrazione. Inizia a eseguire le azioni sulla pagina sotto test come desideri, nell'ordine desiderato (ad esempio, cliccando sul collegamento della pagina Desktop nel menu orizzontale principale).

   

   Noterai che quando interagisci con il sito, nel riquadro dei contenuti principali del pannello Scripts viene visualizzata una tabella e iniziano ad apparire delle righe con ogni colonna popolata con i valori per ogni evento (ad esempio, nella Event colonna un 'loadURL' evento con la URL colonna come 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Dopo aver eseguito tutte le azioni desiderate, seleziona Stop Recording (che ha sostituito il pulsante Start Recording ).

Per poter registrare uno script è necessario interrompere la registrazione a un certo punto. In questo modo viene abilitato il collegamento Carica, precedentemente disattivato, sopra la tabella degli eventi. Inoltre, ciò fa sì che Stop Recording torna nuovamente a Start Recording e viene visualizzato un Play pulsante sottostante.

La registrazione si interrompe immediatamente e ogni azione registrata viene ora visualizzata come riga evento nella tabella del pannello Script nel riquadro dei contenuti a destra, e ogni colonna è popolata di valori.

Non tutti gli eventi registreranno i valori del contenuto in ogni cella della colonna, pertanto alcuni (ad esempio, la colonna Dettagli per il tipo di evento focus) potrebbero essere vuoti. Inoltre, l'interruzione di una registrazione abilita le opzioni Modifica ed Elimina nei menu della colonna Azioni.

Registra ed esporta le azioni CLI

Registra ed esporta gli script CLI utilizzando il pannello Scripts .

Le azioni CLI attualmente supportate disponibili per la registrazione e l'esportazione degli script includono:

• modifica — modifica il valore di <input>, <select>, <textarea>
• clic — clicca su un elemento nel DOM
• naviga — naviga a una nuova pagina

Col tempo prevediamo di aggiungere altre azioni CLI. Le funzionalità attuali consentono agli utenti di iniziare a usare la CLI senza scrivere una sola riga di codice!

1. Navigare alla pagina web che si desidera analizzare tramite script. Ai fini di questo esempio, abbiamo aperto https://dequelabs.github.io/aget-demo-site/.

   

2. Apri gli strumenti per sviluppatori del tuo browser (negli esempi qui viene utilizzato Chrome per macOS) e vai alla scheda DevTools dell'estensione Expert di axe. Seleziona Scripts.

   

3. Attivate Start Recording.

   

   Quando è attivo, il pulsante Start Recording diventa rosso per indicare la registrazione attiva e il testo sotto il pulsante cambia in Stop Recording.

   

4. Con la registrazione degli script attiva, sposta la finestra DevTools per visualizzare https://dequelabs.github.io/aget-demo-site/. Selezionare per chiudere la finestra di dialogo. X

5. Concentratevi sull'estensione Expert di axe e selezionate Stop Recording. Si noti che il pannello Script è ora popolato con almeno un'azione, ovvero quella in cui è stata chiusa la finestra di dialogo modale.

   

6. Selezionare il pulsante Stop Recording nel pannello sinistro dell'Esperto di axe e rivedere il contenuto del pannello Script. Il pulsante Start Recording è ora abilitato. Si noti che lo script contiene un evento click. Si noti inoltre la posizione del Export to AGet collegamento come secondo dei quattro pulsanti nel quadrante in alto a destra del Script pannello.

   ![La finestra di DevTools che visualizza lo script registrato nel pannello Script. Da notare che il pulsante Avvia registrazione è stato riattivato e che il pulsante Esporta è il primo dei tre pulsanti nel quadrante in alto a destra del pannello Script.(https://media.dequeuniversity.com/product-docs/axe-expert-extension/3.5/en/images/aget-proc-script-pre-export.png)

7. Selezionare Export to CLI per avviare il processo di esportazione CLI. L'estensione Axe Expert visualizza il browser dei file di sistema. Passare alla cartella in cui si desidera salvare lo script CLI.

   Assegnare un nome file significativo, e selezionare Salva, preservando attentamente l'estensione .json .

   

8. La finestra del browser dei file di sistema viene chiusa e nell'angolo inferiore sinistro della finestra di DevTools vengono visualizzati un messaggio di salvataggio riuscito e il nome del file salvato.

   

9. Apri il file JSON salvato nel tuo editor di testo preferito per rivedere il contenuto dello script CLI: