Herramientas que todo tester debe conocer si desea realizar web testing
Tags: testing, tools, webtesting, testingtools
Published: 2024-01-16 16:28:06

> Aunque el web testing tiende a ser sencillo (abrir el navegador e ir a la url que vamos a probar) es recomendable contar con herramientas que nos ayuden a agilizar los tiempos de ejecución de pruebas o ejecutar otros escenarios que nos ayuden a ampliar el alcance y cobertura de las pruebas. 

## Charles proxy
![Charles proxy home example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fe8w3vvlmi5kqqaj9fl.png)

Esta es la herramienta que para mí siempre va a estar en el top 1, Charles permite principalmente (y entre otras cosas) capturar las peticiones http/https (llamados a nuestra API o de terceros) que realiza la aplicación web e interceptar las mismas.
Gracias a esto podemos modificar tanto la petición como la respuesta ideal para realizar pruebas de nuestros casos negativos, por ejemplo si queremos validar si se muestra un toast cuando obtenemos un error 4XX como código de respuesta, o si la aplicación realiza reintentos (retry) al obtener como respuesta del servicio 5XX, esto sin la necesidad de tener que indisponibilizar los servicios.

Hay otras alternativas como ProxyMan y Fiddler.

## Responsively App
![Responsively App example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/spkx0vlnjv9j6ba3unjs.png)
 
Probar una web responsive es muy tedioso, tanto que puede llegar a ser complejo ya hay muchas resoluciones y tener que estar manipulando el navegador para ir viendo una a una hace que esto se vuelva más lento, por su puesto al igual que el mobile testing debemos tener armar una estrategia para no tener que probar todas.
Con Responsively podemos seleccionar multiples resoluciones (y agregar personalizada de ser necesario) y ver todas estas en tiempo real a medida que vamos interactuando.
Ideal para casos en lo que se deba de mostrar o no ciertos elementos según la resolución.

## Jam Dev
![Jam Dev example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/33bcq2t4ua2fqpjsjdcu.png)

Jam es un descubrimiento reciente para mí (antes usaba otras herramientas un poco más complicadas), más allá de ser una herramienta que permite hacer screenshots y videos (con voz  si lo desean) también te muestra el "Developer tool", lo que permite que podamos explorar errores en console y network
de manera interactiva, en el caso de la pestaña Network podemos en caso de ser necesario copiar el cURL que es algo siempre vital de tener cuando probamos aplicaciones cuya responsabilidad de negocio se encuentra en el backend, además con las diferentes integraciones que tiene podemos enviar esto a través de slack o crear un bug en jira entre otros.

---

Esta es una lista corta y precisa pero con alto impacto si las usamos correctamente, en la actualidad cada vez que voy a iniciar mis activades de testing siempre tengo habilitado Charles y Jam (ya que por el momento no es responsive la web de mi trabajo actual). Esta es una "deadly combination" que ayuda a encontrar y reportar defectos de manera muy eficaz, rápida y con baja dependencia.


Cabe destacar que este listado también es una recomendación basada 100% en mi experiencia.

¿Quisieras conocer a detalle alguna de estas herramientas?
¿Conocees alguna alternativa? 
Dejámelo saber en los comentarios. 

También te invito a comentar que te ha parecido este tipo de publicaciones.

---
Me gusta enseñar lo que he aprendido durante estos 7 años de experiencia (al momento de escribir el post) por lo que me he propuesto a compartir con la comunidad de testing en español todo lo que pueda.
Si esta publicación ha sido de tu agrado puedes apoyarme compartiendo o agregando una reacción.

---
Si mi contenido te gusta y está a tu disposición puedes regalarme también un café
[![Buy Me A Coffee][2]][1]

[1]: https://www.buymeacoffee.com/alfredtester
[2]: https://cdn.buymeacoffee.com/buttons/default-black.png