Como capturar los responses que hace el sitio mientras automatizamos el frontend

Buenas lectores.

Cuando estamos automatizando y por algún motivo la interfaz presenta error y/o se queda sin permitir ninguna acción; no es suficiente con reportar el bug puesto que en la mayoría del tiempo esto ocurre de manera aleatoria.

Para esto, es mejor estar preparados e imprimir la mayor cantidad de información que le permitan al desarrollador de la aplicación saber que pudo suceder en ese momento. Una forma facil y muy util es imprimir todas las peticiones que se envían por backend para saber si en algún momento algún servicio deja de funcionar. Para lograrlo vamos a interactuar con el devtools de chrome, cabe destacar que para poder usarlo debemos tener como mínimo Selenium v4.

Vamos al ejemplo:


Selenium directo:

 import java.time.Duration;

import java.util.HashMap;

import java.util.Optional;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.chrome.ChromeOptions;

import org.openqa.selenium.devtools.HasDevTools;

import org.openqa.selenium.devtools.v114.network.Network;

import org.openqa.selenium.devtools.v114.network.model.Request;

public class RequestChrome {

      public static void main(String[] args) {

        System.setProperty("webdriver.chrome.driver","./src/resources/drivers/chromedriver.exe");

        ChromeOptions options = new ChromeOptions();

        options.addArguments("--remote-allow-origins=*");

        WebDriver driver = new ChromeDriver(options);

        driver.manage().window().maximize();    

        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(30));

        org.openqa.selenium.devtools.DevTools devTool = ((HasDevTools) driver).getDevTools();

       devTool.createSession();       

       devTool.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty()));

       devTool.addListener(Network.responseReceived(), requestSent -> {

             System.out.println("URL => " + requestSent.getResponse().getUrl());

             System.out.println("Status => " + requestSent.getResponse().getStatus());

             System.out.println("Headers => " + requestSent.getResponse().getHeaders().toString());

             System.out.println("------------------------------------------------------");

       });

       driver.get("https://www.programsbuzz.com");

    }

}


Usando serenity y screenplay:


import org.openqa.selenium.devtools.v114.network.Network;

import org.openqa.selenium.devtools.v114.performance.Performance;

import org.openqa.selenium.devtools.v114.performance.model.Metric;

import net.serenitybdd.screenplay.Performable;

import net.serenitybdd.screenplay.Task;

import net.serenitybdd.screenplay.actions.WithDevTools;

public static Performable activeResponse() {

        return Task.where("Active devtools responses",               

                            WithDevTools.perform(

                                    devTools -> {

                                        devTools.createSession();                                        devTools.send(Network.enable(Optional.empty(),Optional.empty(),Optional.empty()));                                         devTools.addListener(Network.responseReceived(), responseReceived -> {                                

                                        logger.info("URL => {}",responseReceived.getResponse().getUrl());

                                        logger.info("Status => {}" ,responseReceived.getResponse().getStatus());

                                        logger.info("Headers => {}" ,responseReceived.getResponse().getHeaders());

                                        logger.info("------------------------------------------------------");

                                        });

                                   }

                            )

        );

    }


Fuentes:

https://www.programsbuzz.com/article/selenium-intercept-response

https://jar-download.com/artifacts/org.seleniumhq.selenium/selenium-devtools-v101/4.1.4/source-code/org/openqa/selenium/devtools/v101/network/model/Response.java

https://stackoverflow.com/questions/68668853/how-to-get-the-response-body-from-network-tab-using-selenium-4-devtools

https://www.youtube.com/watch?v=HtBhLdZ19iQ

https://serenity-bdd.github.io/docs/screenplay/screenplay_webdriver



Comentarios

Publicar un comentario

Entradas populares de este blog

Tiempo de espera "muerto" explicito en Playwright

Buenas lectores. En ocasiones necesitamos esperar un tiempo específico debido a que no contamos con alguna referencia o elemento que nos facilite seguir con el proceso. En estos casos usamos tiempos muertos los cuales no son buenos, nadie los quiere pero algunas veces son necesarios. await page.waitForTimeout(1000); Cabe anotar que el tiempo es en milisegundos como casi en todas las herramientas, en este caso es equivalente a esperar 1 segundo. Es decir, si quieres que espere 2 segundos sería 2000, 3 segundos = 3000. Fuentes: https://stackoverflow.com/questions/74920905/how-to-give-fixed-wait-in-playwright-with-out-any-condition-like-we-had-in-cypre  
Leer más

SerenityBDD - Almacenar valores en memoria (pasar información entre steps)

Buenas lectores. En algunas ocasiones nos encontramos con la necesidad de almacenar algún valor para luego ser usado en otro sitio, algunos ejemplos son: Pasar información entre clases Persistir valores  Pasar información entre los steps  Cabe aclarar que existen muchas formas de solucionar esta necesidad, sin embargo, hoy la idea es ligarnos directamente al framework de SerenityBDD. Para esto tenemos dos formas más comunes de hacelo. 1. Usando variables globales Primero almacenamos el valor que necesitamos en la memoria de Serenity, esto aplica para cualquier valor, es decir, variables (String, int, boolean), clases, listas etc... Almacenar el valor: Serenity.setSessionVariable("User Name").to("Jane"); Explicación de la sintaxis: Serenity.setSessionVariable : Invoca la sesión para almacenar ("User Name") : Define el nombre de la asignación  Extraer el valor: Lo unico que resta es traer el valor por medio del identificador  String currentUserName = Sereni...
Leer más

Subir mi proyecto local a Azure repos

Imagen
Buenas lectores. Constantemente estamos  creando proyectos y siempre se nos olvidan los comandos para hacerlo, esto es normal puesto que nuestro día a día está enfocado en otras cosas y este proceso se hace una vez cada proyecto. Así que decidí dejar escrito los comandos para que siempre tengas accesos a el. 1- Creas un nuevo repositorio donde vas a subir tu repositorio local 2- Copias la ruta que te crea o simplemenete lo clonas 3- En tu folder local inicias git y subes tus cambios, recuerda cambiar el origin por el que copiamos desde azure git init git add . git commit -m "first commit" git remote add origin https://github.com/NOMBRE_USUARIO/NOMBRE_PROYECTO.git git push -u origin master 4- Disfrutar tu proyecto en azure totalmente versionado. Saludos cordiales. Fuentes: https://gist.github.com/cgonzalezdai/cc33db72a6fe5178637aabb562eae35c https://learn.microsoft.com/es-es/azure/devops/repos/git/create-new-repo?view=azure-devops
Leer más