Modo responsive de la vista de Lista de Deseos

Devs-Com / Stose

This is an academic project focused on the development of an ecommerce web application.

https://stose.azurewebsites.net/inicio/

MIT License

1 stars 1 forks source link

Modo responsive de la vista de Lista de Deseos #51

Closed Jankarurosu closed 1 year ago

Jankarurosu commented 1 year ago

Encargado del testing

Giancarlos Arom Olihua Guerra

Definición

En esta prueba se verificará la función responsive de Lista de Deseos editando los tamaños de la vista para ver su reacción.

Captura de pantalla

Herramienta Usada

Esta prueba será de manera Manual por lo que no se esta usando una herramienta de testing.

Resultados esperados

Conforme el tamaño de la vista se va reduciendo, la vista de Lista de Deseos se tiene que adaptar a cada tamaño satisfactoriamente.

Jankarurosu commented 1 year ago

Inicio de la prueba

Para empezar ingresamos a la pagina web y nos dirigimos a la vista de Lista de Deseos.

Captura de pantalla

Jankarurosu commented 1 year ago

Segundo paso

Una vez dentro de la vista de Lista de Deseos se procederá a entrar al modo inspeccionar.

Capturas de pantalla

Jankarurosu commented 1 year ago

Tercer paso

Finalmente se procederá a cambiar el tamaño a la vista gracias a la opción Toggle Device Toolbar que nos permite cambiar la vista de computadora a celular, y verificamos el comportamiento de la pagina al variar los tamaños.

Capturas de Pantalla

Jankarurosu commented 1 year ago

Final de la prueba y resultados

Como se puede observar la tabla de la vista Lista de Deseos cambia de acuerdo al tamaño de la pagina, entonces con esto completamos la prueba.

Capturas de pantalla

Resultados

La prueba fue exitosa, el resultado esperado fue el correcto, la vista Lista de Deseos se adapto correctamente a los diferentes tamaños probados por el modo responsive.