Pruebas de GUI: casos de prueba de UI (ejemplos)

Para comprender las pruebas de GUI, primero comprendamos:

¿Qué es la interfaz gráfica de usuario?

Hay dos tipos de interfaces para una aplicación informática. La interfaz de línea de comandos es donde usted escribe texto y la computadora responde a ese comando. GUI significa Interfaz gráfica de usuario donde interactúa con la computadora usando imágenes en lugar de texto.

A continuación se muestran los elementos GUI que se pueden utilizar para la interacción entre el usuario y la aplicación:

GUI Testing es una validación de los elementos anteriores.

¿Qué son las pruebas de GUI?

Pruebas de GUI es un tipo de prueba de software que verifica la interfaz gráfica de usuario del software. El propósito de las pruebas de interfaz gráfica de usuario (GUI) es garantizar que las funcionalidades de la aplicación de software funcionen según las especificaciones mediante la verificación de pantallas y controles como menús, botones, íconos, etc.

La GUI es lo que ve el usuario. Digamos que si visita guru99.com, lo que verá, digamos que la página de inicio, es la GUI (interfaz gráfica de usuario) del sitio. Un usuario no ve el código fuente. La interfaz es visible para el usuario. Especialmente la atención se centra en la estructura del diseño, las imágenes si funcionan correctamente o no.

En el ejemplo anterior, si tenemos que realizar pruebas de GUI, primero verificamos que las imágenes sean completamente visibles en diferentes navegadores.

Además, los enlaces están disponibles y el botón debería funcionar al hacer clic en él.

Además, si el usuario cambia el tamaño de la pantalla, ni las imágenes ni el contenido deberían reducirse, recortarse o superponerse.

Necesidad de pruebas de GUI

Ahora el concepto básico de las pruebas de GUI está claro. Las pocas preguntas que surgirán en tu mente serán

• ¿Por qué realizar pruebas de GUI?
• ¿Es realmente necesario?
• ¿Las pruebas de funcionalidad y lógica de la aplicación no son más que suficientes? Entonces, ¿por qué perder el tiempo probando la interfaz de usuario?

Para obtener la respuesta hay que pensar como usuario, no como tester. Un usuario no tiene ningún conocimiento sobre el software/aplicación XYZ. Es la interfaz de usuario de la aplicación la que decide si un usuario va a seguir utilizando la aplicación o no.

Un usuario normal observa primero el diseño y la apariencia de la aplicación o el software y lo fácil que le resulta comprender la interfaz de usuario. Si un usuario no se siente cómodo con la interfaz o considera que la aplicación es compleja de comprender, nunca volverá a utilizarla. Por eso, la interfaz gráfica de usuario es un tema de preocupación y se deben realizar pruebas adecuadas para asegurarse de que no tenga errores.

¿Qué registras en las pruebas de GUI?

La siguiente lista de verificación garantizará pruebas de GUI detalladas en las pruebas de software.

• Verifique todos los elementos de la GUI en cuanto a tamaño, posición, ancho, largo y aceptación de caracteres o números. Por ejemplo, debe poder proporcionar entradas a los campos de entrada.
• Compruebe que puede ejecutar la funcionalidad prevista de la aplicación mediante la GUI
• Compruebe que los mensajes de error se muestren correctamente
• Verifique la demarcación clara de diferentes secciones en la pantalla
• Compruebe que la fuente utilizada en una aplicación sea legible
• Compruebe que la alineación del texto sea adecuada.
• Compruebe que el color de la fuente y los mensajes de advertencia sean estéticamente agradables.
• Comprueba que las imágenes tengan buena claridad.
• Comprueba que las imágenes estén correctamente alineadas.
• Verifique la ubicación de los elementos de la GUI para diferentes resoluciones de pantalla.

Técnicas de prueba de GUI

Técnicas de prueba de GUI se puede clasificar en tres partes:

Pruebas basadas en manuales

Según este enfoque, los evaluadores verifican manualmente las pantallas gráficas de conformidad con los requisitos establecidos en el documento de requisitos comerciales.

Grabar y reproducir

Las pruebas de GUI se pueden realizar utilizando herramientas de automatización. Esto se hace en 2 partes. Durante la grabación, la herramienta de automatización captura los pasos de la prueba. Durante la reproducción, los pasos de prueba grabados se ejecutan en la aplicación bajo prueba. Ejemplo de tales herramientas – QTP.

Pruebas basadas en modelos

Un modelo es una descripción gráfica del comportamiento de un sistema. Nos ayuda a comprender y predecir el comportamiento del sistema. Los modelos ayudan a generar casos de prueba eficientes utilizando los requisitos del sistema. Para esta prueba basada en modelos, se deben tener en cuenta los siguientes aspectos:

• Construye el modelo
• Determinar las entradas para el modelo.
• Calcule el resultado esperado para el modelo.
• Ejecuta las pruebas
• Comparar la producción real con la producción esperada
• Una decisión sobre futuras acciones sobre el modelo.

Algunas de las técnicas de modelado de las que se pueden derivar casos de prueba:

• Gráficos: muestra el estado de un sistema y verifica el estado después de alguna entrada.
• Tablas de decisión: tablas utilizadas para determinar los resultados de cada insumo aplicado.

Las pruebas basadas en modelos son una técnica en evolución para generar casos de prueba a partir de los requisitos.. Su principal ventaja, en comparación con los dos métodos anteriores, es que puede determinar estados indeseables que puede alcanzar su GUI.

A continuación se presentan herramientas de código abierto disponibles para realizar pruebas de IU automatizadas.

Producto	Con licencia bajo
AutoHotkey	LPG
Selenium	APACHE
Sikuli	MIT
Marco de robot	APACHE
Agua	BSD
Kit de herramientas de Dojo	BSD

Ejemplos de casos de prueba de prueba de GUI

Las pruebas de GUI básicamente implican

1. Probando el tamaño, posición, ancho, alto de los elementos.
2. Prueba de los mensajes de error que se muestran.
3. Probando las diferentes secciones de la pantalla.
4. Prueba de la fuente si es legible o no.
5. Prueba de la pantalla en diferentes resoluciones con la ayuda de zoom in y zoom out como 640 x 480, 600×800, etc.
6. Probar la alineación de los textos y si otros elementos como iconos, botones, etc. están en su lugar correcto o no.
7. Probando los colores de las fuentes.
8. Probando los colores de los mensajes de error, mensajes de advertencia.
9. Probar si la imagen tiene buena claridad o no.
10. Probando la alineación de las imágenes.
11. Prueba de ortografía.
12. El usuario no debe frustrarse mientras utiliza la interfaz del sistema.
13. Probando si la interfaz es atractiva o no.
14. Prueba de las barras de desplazamiento según el tamaño de la página si la hubiera.
15. Prueba de los campos deshabilitados si los hubiera.
16. Pruebas del tamaño de las imágenes.
17. Prueba de los títulos si están correctamente alineados o no.
18. Prueba del color del hipervínculo.

Demostración: cómo realizar una prueba de GUI

Aquí utilizaremos algunos casos de prueba de muestra para la siguiente pantalla.

A continuación se muestra un ejemplo de los casos de prueba, que consisten en escenarios de prueba de interfaz de usuario y usabilidad.

Caso de prueba 01- Verificar que el cuadro de texto con la etiqueta “Carpeta de origen”está alineado correctamente.

Caso de prueba 02 – Verificar que el cuadro de texto con la etiqueta “PREMIUM”está alineado correctamente.

Caso de prueba 03: verifique esa etiqueta con el nombre "Explorar”es un botón que se encuentra al final del TextoBox con el nombre "Carpeta de origen."

Caso de prueba 04: verifique esa etiqueta con el nombre "Explorar”es un botón que se encuentra al final del TextoBox con el nombre "PREMIUM."

Caso de prueba 05 – Verificar que el cuadro de texto con la etiqueta “Nombre”está alineado correctamente.

Caso de prueba 06: Verifique que la etiqueta "Modificadores” consta de 4 botones de opción con el nombre público, predeterminado, privado, protegido.

Caso de prueba 07: Verifique que la etiqueta "Modificadores” consta de 4 botones de opción que están alineados correctamente en una fila.

Caso de prueba 08: Verifique que la etiqueta "Superclase"debajo de la etiqueta"Modificadores”Consiste en un menú desplegable que debe estar correctamente alineado.

Caso de prueba 09: Verifique que la etiqueta "Superclase” consta de un botón con la etiqueta “Explorar”en él, que debe estar correctamente alineado.

Caso de prueba 10: verifique que al hacer clic en cualquier botón de opción, el puntero del mouse predeterminado debe cambiarse al puntero del mouse manual.

Caso de prueba 11: verifique que el usuario no pueda escribir en el menú desplegable de "Superclase."

Caso de prueba 12: Verifique que debe generarse un error adecuado si se ha elegido algo por error.

Caso de prueba 13 – Verificar que el error debe generarse en color ROJO donde sea necesario.

Caso de prueba 14: Verifique que se deben utilizar etiquetas adecuadas en los mensajes de error.

Caso de prueba 15: Verifique que los botones de opción individuales deben seleccionarse de forma predeterminada cada vez.

Caso de prueba 16: verifique que el botón TAB debe funcionar correctamente mientras salta a otro campo al lado del anterior.

Caso de prueba 17: Verifique que todas las páginas deben contener el título adecuado.

Caso de prueba 18: Verifique que el texto de la página debe estar alineado correctamente.

Caso de prueba 19: verifique que después de actualizar cualquier campo se debe mostrar un mensaje de confirmación adecuado.

Caso de prueba 20: verificar que solo se debe seleccionar 1 botón de opción y que se pueden seleccionar más de una casilla de verificación.

Desafíos en las pruebas de GUI

En Ingeniería de Software, el problema más común al realizar Pruebas de regresión es que la GUI de la aplicación cambia con frecuencia. Es muy difícil probar e identificar si se trata de un problema o una mejora. El problema se manifiesta cuando no tiene ningún documento sobre los cambios en la GUI.

Herramientas de prueba de GUI

A continuación se muestra una lista de los más populares Herramientas de prueba de GUI :

1. Selenium
2. QTP
3. Cucumber
4. Prueba de seda
5. TestComplete
6. Probador de interfaz gráfica de usuario Squish

Haga clic aquí para aprender Selenium, QTP & Cucumber.

Conclusión

El éxito de un producto de software depende inmensamente de cómo interactúa la GUI con el usuario y de la facilidad para utilizar sus diversas funciones. Por lo tanto, las pruebas de GUI son muy importantes. Las pruebas manuales de GUI a veces pueden ser repetitivas y aburridas y, por lo tanto, propensas a errores. Se recomienda encarecidamente la automatización para las pruebas de GUI.