Como trabajar con iframes manteniendo la arqutiectura de screenplay

Buenas lectores.

A estas alturas alguno en determinado momento le ha sacado tiempo un iframe, estas pequeñas piedras en el zapato que nos diculta la fluidez de interactuar con los elementos de la web. En la mayoria de veces que me he enfrentado con los iframes ha sido en sitios algo viejos y por lo tanto las automatizaciones estaban desarrollada bajo el page object model. Actualmente es mucho mas fluido trabajar con screnplay es por eso que hoy vamos a revisar como lo podemos hacer.

Lo primero es determinar que todo en screenplay lo trabajamos por Targets, a diferencia de page object model que todo son WebElementFacade que en sí es casi un WebElement pero con esteroides.

Para crear nuestro iframe como target usamos lo siguiente:

private static IFrame PROFILE_MARCO = IFrame.withPath(By.id("ib-iframe-messaging"));

y para buscar un elemento dentro del iframe


public static final Target TITTLE_MARCO = Target.the("icon Marco over map").inIFrame(PROFILE_MARCO).locatedBy(".ib-widget-title");


Esto nos sirve para buscar dentro del iframe diferentes elementos (targets), sin embargo si solo buscamos un elemento en particular, lo podemos hacer directo:


public static final Target TITTLE_MARCO = Target.the("icon Marco over map").inIFrame(IFrame.withPath(By.id("ib-iframe-messaging"))).locatedBy(".ib-widget-title");


Y listo, con este solo target ya accedemos a nuestro elemento dentro de un iframe.

Fuentes:

https://github.com/serenity-bdd/serenity-core/blob/main/serenity-screenplay-webdriver/src/test/java/net/serenitybdd/screenplay/webtests/pages/BankAccountEntry.java





















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

Como tener un condicional en Playwright en caso que siga aun presente un elemento

Buenas lectores. En este post vamos a observar dos cosas, la primera como hacer un condicional o ciclo para que la automatización espere hasta que un elemento ya no sea visible y adicional observaremos como realizar un control a una acción sin que se detenga nuestra automatización:   let visible = await page.locator('#btn').isVisible();     while (visible) {         try {     await page.locator('#btn').click({ timeout: 1000 });         } catch (error) {       console.error('El elemento no se encontró o no se pudo hacer clic en él.');     }     visible = await page.locator('#btn').isVisible();     console.log(visible);   }   Observamos lo siguiente: Almacenamos en la variable visible el valor booleando que nos retorna si es visible o no. Mientras es visible tratamos de dar un clic a un elemento, en caso que ya no sea visible por los milisegundos, al estar dentro del try...
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