Grabar un Script

Grabe scripts siempre que desee grabarse a sí mismo realizando 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 para escanear axe Monitor (por ejemplo, scripts de inicio de sesión para establecer sesiones seguras para el acceso a páginas, scripts de contenido dinámico para exponer menús de formularios y widgets ocultos, o para activar pasos ocultos en procesos de múltiples pasos).

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

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

1. En el panel Scripts, seleccione Iniciar grabación.

   

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

   

   Notarás que a medida que interactúas con el sitio, aparece una tabla en el panel de contenido principal y comienzan a aparecer filas con cada columna poblada con valores para cada evento (por ejemplo, en la columna un evento con la columna como ['http://abcdcomputech.dequecloud.com/desktops.php']). Scripts Event 'loadURL' URL (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 Start Recording ).

Debes detener la grabación en algún momento para tener un guión grabado. Esto habilita el enlace de carga que anteriormente estaba en gris encima de la tabla de eventos. Además, esto hace que [object] Stop Recording vuelva a cambiar a Start Recording y muestra un botón Play debajo.

La grabación se detiene inmediatamente y cada acción grabada ahora se muestra como una fila de evento en la tabla del panel 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 la columna, por lo que algunos (por ejemplo, la columna Detalles para el tipo de evento de enfoque) pueden estar en blanco. Además, al detener una grabación se habilitan las opciones Editar y Eliminar en los menús de la columna Acciones.

Registrar y exportar acciones de CLI

Graba y exporte scripts CLI utilizando el panel Scripts .

Las acciones CLI compatibles actuales disponibles para la grabación y exportación de scripts incluyen:

• cambiar — cambiar el valor de <input>, <select>, <textarea>
• click — haga 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 a utilizar CLI sin escribir una sola línea de código!

1. Navegue a la página web que desea analizar mediante scripting. Para los fines de este ejemplo, hemos abierto https://dequelabs.github.io/aget-demo-site/.

   

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

   

3. Activar Start Recording.

   

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

   

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

5. Cambia tu enfoque a la Extensión Expert de axe y selecciona Stop Recording. Tenga en cuenta que el panel Script ahora está poblado con al menos una acción (donde se descartó el cuadro de diálogo modal).

   

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

   

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

   Proporcione un nombre de archivo significativo, conservando cuidadosamente la extensión .json y seleccione Guardar.

   

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

   

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