Dar clic por coordenadas usando Playwright

Buenas lectores.

Normalmente hacer un clic es de las tareas mas sencillas que existen en la automatización de pruebas, sin embargo, a medida que avanzan las tecnologías, también avanza la complejidad de ciertos sitios que en algún momento tendremos que enfrentar.

En este caso vamos a revisar como hacer un clic por medio de coordenadas usando Playwright, como bien sabemos normalmente el click se encuentra asociado a un elemento web pero hay momentos en que no tenemos elementos y necesitamos pulsar algún lugar del sitio. En ese caso podemos usar lo siguiente:

 

await page.locator('#map').click({ position: { x: 50, y: 50 } });

En el caso anterior estamos enviando el elemento mapa y le estamos dando click sobre el. Recordemos que los mapas no nos permiten interactuar con ellos, no son elementos dentro del DOM así que nos toca ser muy creativos al momento de realizar nuestras automatizaciones.


Espero les sirva de algo.


Saludos coordiales.


Fuentes:

https://stackoverflow.com/questions/64316285/can-i-use-await-page-clickelement-to-click-on-a-very-specific-part-of-that-ele

https://stackoverflow.com/questions/62218776/playwright-get-click-target

https://github.com/microsoft/playwright/issues/13109


 

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