bugs sobre las pruebas exploratorias(1).pptx

presentacion en powe point sobre bugs en plataformas y preubas explotarios

1. Pruebas Exploratorias

2. academyBugs.com es un sitio web diseñado para ayudar a mejorar las habilidades de pruebas exploratorias, particularmente en el contexto de desarrollo de software. Ofrece una plataforma llamada " FindBugs " que simula un sitio de comercio electrónico con errores intencionales. Los usuarios pueden explorar estos errores, diferenciarlos por tipo y practicar la identificación de fallas en un entorno controlado

3. Explora un sitio de prueba de práctica que tiene 25 errores reales plantados en su interior. https://academybugs.com/find-bugs/

4. Vamos por el primer “BUG”. La imagen de la mitad, no tiene la misma proporción de las demás. Es más pequeña.

5. Hacemos clic sobre la imagen. Aparece un cuadro rojo que nos indica que la imagen es más pequeña que los demás.

6. Debemos marcar: ¿Qué tipo de problema es? ¿Cuál debería ser el resultado esperado?

7. ¿Qué tipo de problema es? Visual, porque no afecta el comportamiento del aplicativo. El problema es que no es consistente con el tamaño de las demás imágenes. Por tanto no cabe en la categoría de: funcional, contenido, rendimiento o fallo.

8. ¿Cuál debería ser el resultado esperado? La imagen del producto llena el cuadro por completo al igual que todas las demás imágenes de productos. Clic en el botón “ Submit ”

9. NOTA: Si no marcan las opciones, el aplicativo no le dejará continuar buscando errores. Fíjese que el ícono del “bug” aun no marca errores.

10. ✅ ¡Correcto! 1. Tipo de problema Tu respuesta: ✅ El tipo de problema correcto es Visual 2. Resultados esperados Tu respuesta: ✅ "La imagen del producto ocupa toda la caja, al igual que todas las demás imágenes" es correcto. Clic en el botón “View Issue Report ”

11. Podemos ver el resumen: Gravedad, tipo de problema, frecuencia en la que se muestra, entorno. También los pasos que seguimos, importantísimo para que el programador pueda detectar el mismo error. El resultado esperado, es decir: cómo debería aparecer si no estuviera el error. Resultado actual: cómo se ve el error actualmente. Adjuntos: una captura de pantalla.

12. Con esta información, ya podemos utilizar nuestra extensión de Chrome para saber cómo realizar las pruebas exploratorias.

13. Cerramos la ventana

14. Hay más errores en la página de búsqueda de errores, sigue buscando. La página comienza a contar los errores encontrados. Recuerde que en total, esta página tiene 25 errores.

15. Cierre la ventana y continue encontrando errores

16. Si necesita ayuda con el uso de este sitio, solo debe hacer clic en el botón de interrogación.

17. Tutorial Haga clic en Iniciar para comenzar el tutorial guiado del sitio. Iniciar

18. A detalle encontrará ejemplos de Bugs, tipo de bugs, cómo hallar los bugs, reporte de los bugs…

19. Ejemplo para documentar los errores encontrados con la extensión de Chrome vista en clase

20. Clic en la extensión Clic en Note

21. Clic en +

22. Ya creamos la primera nota Ya creamos la primera nota

23. Reportamos nuestro primer Bug: Descripción Pasos para llegar hasta el error (muy importante) Tipo de problema Resultado esperado (cómo debería verse) Resultado actual (descripción del error encontrado) Desde la esquina podemos cambiar el tamaño de la ventana emergente.

24. Adjuntamos una captura de pantalla para que el programador entienda y encuentre el bug.

25. Ya reportamos el primer Bug Ya reportamos el primer Bug

26. La próxima sesión, se revisarán a detalle los archivos html que genera la extensión. En caso de no poder validar correctamente los bugs reportados, tendrán que realizar las pruebas exploratorias con 10 bugs diferentes de la misma página. Recuerde adicionar preguntas, ideas y notas.

27. Si tiene dudas acerca del funcionamiento de la extensión, por favor remitirse al video visto en clase: https://youtu.be/QbSgBvGcbsA?feature=shared Revisión: agosto 12 de 2025