Número8 propio Derick Arzu fue publicado recientemente en Medio. Lea a continuación el artículo sobre los procesos automatizados de control de calidad.

Los cuadros de texto, las casillas de verificación, los botones de radio y otros elementos de los formularios son bastante sencillos de tratar cuando se trata de desarrollar pruebas funcionales de interfaz de usuario para una aplicación web. Pero, ¿qué ocurre cuando quieres escribir una prueba que verifique que la interfaz de usuario de un calendario web funciona?

Probablemente estés pensando que se puede conseguir fácilmente con un par de clics y validaciones, lo cual no sólo es cierto, sino también el planteamiento que llevó a la idea de un manejador.

Antes de que descubras cómo hacer muy feliz a tu equipo de control de calidad automatizado, aquí tienes algunas razones por las que escribir una simple función o sólo un segmento de código que se ocupe de UN calendario específico no es tan escalable. Imagina que eres un desarrollador de control de calidad en una empresa que está desarrollando los sitios web para las aerolíneas A y B y se solicita a tu equipo que cree las suites de pruebas automatizadas. Suena bastante fácil, utilizarás el mismo código en ambos proyectos, no será necesario cambiar nada; hasta que alguien te muestra los diseños de los dos calendarios web que cada aerolínea utiliza en su sitio web.

Empezando por las diferencias obvias, la aerolínea A utiliza dos ventanas mientras que la aerolínea B utiliza sólo una; eso seguramente representa un cambio significativo en el código de esa primera aproximación. Otra diferencia que quizá no hayas notado es que la aerolínea B tiene un desplegable para cambiar el año del calendario, por lo que eso significaría un ligero cambio en el método utilizado para obtener el texto del año mostrado. Son dos visual diferencias que afectarán a la forma en que tu bot interactúa con el calendario y el DOM seguro que te sorprende con más.

Ahora que ya estás interesado, ¡empieza la codificación!

Este manejador fue implementado en Node.js y utiliza WebdriverIO como el marco de pruebas que interactúa con el navegador.

Descubrirás que el framework tiene dos funciones ($ y $$) para obtener elementos web. Sin embargo, se creará una jerarquía de clases para manipular elementos, más adelante aprenderás que esto es para que el manejador pueda fácilmente ser capaz de cubrir muchos diseños de calendario web.

La clase principal es Element. Aquí es donde, el método para obtener la función fetch se implementa, tiene dos parámetros:

1. selectorObject (requerido) que se refiere a un objeto con dos propiedades; la primera llamada selector , es una cadena que especifica el selector que se utilizará para obtener el elemento. La segunda es index, que es un entero que debe ser asignado al objeto si el resultado de la búsqueda quiere ser tratado como un único elemento y no como un array de elementos.
2. additionalProperties (opcional) es un objeto con cualquier propiedad que quiera ser añadida al resultado de la obtención. Las subclases de la jerarquía utilizan esto para gestionar cómo se obtienen algunos datos de los elementos web, aprenderás esto más adelante.

Leer más...