Grabar un Script

Grabe scripts siempre que desee registrar sus acciones en la página bajo prueba en un orden secuencial para que puedan repetirse automáticamente en un momento posterior. Los scripts pueden ser particularmente útiles cuando se aplican a los escaneos de axe Monitor (por ejemplo, scripts de inicio de sesión para establecer sesiones seguras para el acceso a la página, scripts de contenido dinámico para exponer menús de formularios ocultos y widgets, o para activar pasos ocultos en procesos de varios pasos).

Puede controlar qué tipos de eventos se graban seleccionando opciones en el panel de Opciones de Grabación de Scripts, al que se accede a través del enlace de Opciones en el panel de Scripts.

Antes de comenzar: Asegúrese de tener primero la página de inicio deseada cargada en el navegador.

1. En el panel de Scripts, seleccione Iniciar Grabación.

   

2. Recargue la página web en el navegador después de hacer clic en el botón Grabar. Comience a realizar acciones en la página bajo prueba como desee, en el orden deseado (por ejemplo, haciendo clic en el enlace de página de Escritorios en el menú horizontal principal).

   

   Notará que a medida que interactúa con el sitio, aparece una tabla en el panel de contenido principal del panel de Scripts y comienzan a aparecer filas con cada columna poblada con valores para cada evento (por ejemplo, en la columna de Event un evento de 'loadURL' con la columna de URL como 'http://abcdcomputech.dequecloud.com/desktops.php').

3. Cuando haya terminado de realizar todas las acciones deseadas, seleccione Stop Recording (que ha reemplazado al botón de Start Recording).

Debe detener la grabación en algún momento para tener un script grabado. Esto habilita el enlace de Subir previamente deshabilitado sobre la tabla de eventos. Además, esto provoca que Stop Recording cambie de nuevo a Start Recording, y se muestre un botón de Play debajo.

La grabación se detiene inmediatamente, y cada acción que grabó ahora se muestra como una fila de evento en la tabla del panel de Scripts en el panel de contenido derecho, con cada columna poblada con valores.

No todos los eventos registrarán valores de contenido en cada celda de columna, por lo que algunos (por ejemplo, la columna de Detalles para el tipo de evento de enfoque) pueden estar vacíos. Además, detener una grabación habilita las opciones Editar y Eliminar en los menús de las columnas de Acciones.

Grabar y exportar acciones CLI

Grabe y exporte scripts CLI utilizando el panel de Scripts.

Las acciones CLI actualmente soportadas disponibles para la grabación y exportación de scripts incluyen:

• cambiar — cambiar el valor de <input>, <select>, <textarea>
• hacer clic — hacer clic en un elemento en el DOM
• navegar — navegar a una nueva página

Con el tiempo, planeamos agregar más acciones CLI. ¡La funcionalidad actual permite a los usuarios comenzar con CLI sin escribir una sola línea de código!

1. Navegue a la página web que desea analizar a través de scripting. Para los propósitos de este ejemplo, hemos abierto https://dequelabs.github.io/aget-demo-site/.

   

2. Abra las herramientas de desarrollador de su navegador (en los ejemplos aquí se utiliza Chrome para macOS) y navegue a la pestaña de DevTools de axe Expert Extension. Seleccione Scripts.

   

3. Active Start Recording.

   

   Cuando está activo, el botón de Start Recording se pone rojo para indicar grabación activa y el texto debajo del botón cambia a Stop Recording.

   

4. Con la grabación de script activa, mueva la ventana de DevTools para mostrar la https://dequelabs.github.io/aget-demo-site/. Seleccione X para descartar la ventana de diálogo.

5. Cambie su enfoque a la Extension axe Expert y seleccione Stop Recording. Verá que el panel de Script ahora está poblado con al menos una acción: donde se descartó el diálogo modal.

   

6. Seleccione el botón de Stop Recording en el panel izquierdo de axe Expert y revise el contenido del panel de Script. El botón de Start Recording ahora está habilitado. Tenga en cuenta que el script contiene un evento de clic. También tenga en cuenta la ubicación del enlace de Export to AGet como el segundo de cuatro botones en el cuadrante superior derecho del panel de Script.

   

7. Seleccione Export to CLI para iniciar el proceso de exportación CLI. La extensión axe Expert muestra el explorador de archivos del sistema. Navegue a la carpeta donde desea guardar el script CLI.

   Proporcione un nombre de archivo significativo, asegurándose de preservar cuidadosamente la extensión .json y seleccione Guardar.

   

8. La ventana del explorador de archivos del sistema se cierra y un mensaje de guardado exitoso junto con el nombre del archivo guardado se muestra en la esquina inferior izquierda de la ventana de DevTools.

   

9. Abra el archivo JSON guardado en su editor de texto favorito para revisar los contenidos del script CLI: