Taller: Random testing en Aplicaciones Web

La idea de este taller es explorar los conceptos para realizar monkey testing en el navegador-

1. Monkey con Cypress.io

En esta parte desarrollaremos nuestro propio Monkey que visitará la página de losestudiantes, buscará todos los links y hará click en uno de ellos al azar. Esto se repetirá hasta que un cierto número de links hayan sido clickeados.

Comencemos por crear nuestro archivo de pruebas Cypress.io. Cree un nuevo directorio vacío, abra Cypress.io, haga click en Add Project y seleccione el directorio creado. Ahora, desde la interfaz de Cypress, abra el nuevo proyecto y verá un modal diciéndole que los archivos de configuración y una prueba de ejemplo han sido creados. Desde el directorio del proyecto en su explorador de archivos, diríjase a la carpeta cypress/e2e creada por Cypress.io (en caso de no encontrar la carpeta, deberá crearla manualmente), y proceda a crear un nuevo archivo llamado monkey_testing.cy.js (borre todos demás archivos cypress/e2e/*.cy.js). El contenido del archivo monkey_testing.cy.js es el siguiente:

describe('Los estudiantes under monkeys', function() {
    it('visits los estudiantes and survives monkeys', function() {
        cy.visit('https://losestudiantes.co');
        cy.wait(1000);
        randomClick(10);
    })
})
function randomClick(monkeysLeft) {

    function getRandomInt(min, max) {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min)) + min;
    };

    var monkeysLeft = monkeysLeft;
    if(monkeysLeft > 0) {
        cy.get('a').then($links => {
            var randomLink = $links.get(getRandomInt(0, $links.length));
            if(!Cypress.dom.isHidden(randomLink)) {
                cy.wrap(randomLink).click({force: true});
                monkeysLeft = monkeysLeft - 1;
            }
            cy.wait(1000);
            randomClick(monkeysLeft);
        });
    }   
}

En el método randomClick es donde hacemos click en un link al azar. Comenzamos por buscar todos los links de la página actual usando el método cy.get de Cypress, y luego usamos el método .then para obtener una promesa con el elemento html y poder trabajar con este. Ahora, teniendo la lista de todos los links, podemos seleccionar un link al azar. Luego, con el método isHidden, miramos si el link no esta escondido, y en dado caso, hacemos click en él. Para volver a obtener un elemento de Cypress a partir del link al azar (randomLink), hacemos uso del método wrap. Ahora dele un vistazo a la opción que pasamos por parámetro al método click. Esta opción, nos permite saltarnos las validaciones de Cypress.io mencionadas en este enlace, para que podamos realizar click en eventos escondidos, aunque sean inválidos. Luego, después de 1 segundo, volvemos a llamar a la misma función con el número de monkeys actualizado.

En el bloque describe al inicio del archivo es donde definimos nuestra prueba. Lo que hacemos es quitar el modal inicial haciendo click en el botón Cerrar y luego llamamos a nuestro método randomClick con 10 monkeys.

1.2 Ejecutar la prueba

Guarde el archivo monkey_testing.cy.js, y desde la interfaz de Cypress.io, láncelo haciendo click en él. Usted verá la prueba correr de una manera similar a esta:

Cypress monkey

Si hay un error al ejecutar la prueba, no se alarme. Habrá veces en la que Cypress no logrará hacer click en un elemento seleccionado al azar. Esto es normal, ya que el elemento pudo haber desaparecido de la página.

1.3 Su turno

Ahora usted deberá crear una nueva función randomEvent() que toma por parámetro la cantidad de eventos que se desean lanzar secuencialmente al igual que el método randomClick y debe:

Aclaración: El evento al azar es seleccionado por la función, no por usted.

1.4 Detalles de la entrega

Se debe entregar un archivo .zip con los archivos creados. El zip debe incluir un archivo README con los detalles requeridos para la ejecución del código. La entrega se debe realizar a través de Coursera en las fechas indicadas.

1.5 Criterios de evaluación:

La evaluación tendrá en cuenta la inclusión de la totalidad de componentes solicitados y la calidad de cada uno de acuerdo con la rúbrica establecida.