Pruebas de aplicaciones web: ¿Cómo probar un sitio web? Tipos

Antes de entrar en más detalles sobre los tipos de pruebas web, definamos rápidamente qué son las pruebas web y veamos dónde encajan en el ciclo de entrega.

¿Qué son las pruebas de aplicaciones web?

Pruebas de aplicaciones webLas pruebas web, o pruebas de sitios web, consisten en verificar si su aplicación o sitio web presenta errores antes de su lanzamiento y acceso al público en general. Estas pruebas verifican la funcionalidad, la usabilidad, la seguridad, la compatibilidad y el rendimiento de la aplicación o sitio web.

Durante esta fase, se comprueban aspectos como la seguridad de la aplicación web, el funcionamiento del sitio, su accesibilidad tanto para usuarios con discapacidad como para usuarios regulares, y su capacidad para gestionar el tráfico.

Un sitio web no es un solo programa. Es una pila: HTML, CSS y JavaScript en el navegador, además API y bases de datos en el servidor. Una capa que funciona correctamente por sí sola aún puede fallar al comunicarse con su vecina, por lo que las pruebas web requieren técnicas complementarias.

Tipos de aplicaciones web que necesitas probar

Antes de elegir las técnicas, identifique la arquitectura que tiene ante sí. La estructura determina dónde se concentran los defectos y cómo se distribuye el esfuerzo entre el cliente y el servidor.

Arquitectura de interiores	como se comporta	¿Qué significa esto para las pruebas?
Solicitud de una sola página (SPA)	Se carga una sola vez y luego actualiza la vista sin necesidad de recargar la página completa. Gmail Funciona de esta manera.	La mayor parte de la lógica se envía al navegador: enfocar en JavaEstado del script, renderizado dinámico y sesiones del lado del cliente.
Solicitud de varias páginas (MPA)	Muchas páginas se alcanzan por rutas separadas. URLs, renderizado en el servidor. Común para sitios de comercio electrónico y noticias.	Las rutas de navegación se multiplican: pruebe cada ruta, formulario y redireccionamiento de principio a fin.
Aplicación web progresiva (PWA)	Se ejecuta como una aplicación nativa utilizando service workers, un manifiesto y una estructura de aplicación.	Agregar comportamiento sin conexión, cachés obsoletas, notificaciones push y avisos de instalación.

La mayoría de los productos combinan estos patrones. Confirma con cuál estás lidiando y luego aplica las ocho técnicas que se describen a continuación.

Cómo probar una aplicación web o un sitio web

En ingeniería de software, se pueden realizar los siguientes tipos y técnicas de prueba según sus requisitos de pruebas web.

Cada técnica se puede ejecutar manualmente o mediante un script, y esa elección influye más en el coste que en la cobertura.

Aspecto	Prueba manual	Pruebas automatizadas
Mejores adecuados para	Usabilidad y exploratorio cheques	Regresión, entre navegadores, ejecuciones de carga
Velocidad en carreras repetidas	Lento; el esfuerzo se repite en cada ciclo.	Rápido; la suite se reproduce bajo demanda.
Perfil de costos	Precio inicial bajo, aumenta con cada lanzamiento.	Mayor costo inicial, luego mantenimiento del script

1. Pruebas de funcionalidad de un sitio web

Pruebas de funcionalidad de un sitio web es un proceso que incluye varios parámetros de prueba como interfaz de usuario, API, pruebas de bases de datos, pruebas de seguridad, pruebas de clientes y servidores y funcionalidades básicas del sitio web. Las pruebas funcionales son muy convenientes y permiten a los usuarios realizar pruebas tanto manuales como automatizadas. Se realiza para probar las funcionalidades de cada característica del sitio web.

Las actividades de prueba web incluyen:

Prueba todos enlaces en sus páginas web funcionan correctamente y asegúrese de que no haya enlaces rotos. Los enlaces que se comprobarán incluirán:

• Enlaces salientes
• Los enlaces internos
• Anchor Enlaces
• MailA enlaces

Formularios de prueba están funcionando como se esperaba. Esto incluirá-

• Las comprobaciones de secuencias de comandos en el formulario funcionan como se esperaba. Por ejemplo, si un usuario no completa un campo obligatorio en un formulario, se muestra un mensaje de error.
• Compruebe que se estén completando los valores predeterminados
• Una vez enviados, los datos de los formularios se envían a una base de datos activa o se vinculan a una dirección de correo electrónico activa.
• Los formularios tienen un formato óptimo para una mejor legibilidad

Galletas de prueba funcionan como se espera. Las cookies son pequeños archivos que utilizan los sitios web principalmente para recordar las sesiones de usuario activas, de modo que no sea necesario iniciar sesión cada vez que se visita un sitio web. Las pruebas de cookies incluirán

• Las cookies de prueba (sesiones) se eliminan cuando se borra la memoria caché o cuando caducan.
• Elimine las cookies (sesiones) y compruebe que se le soliciten las credenciales de inicio de sesión la próxima vez que visite el sitio.

Prueba HTML y CSS para garantizar que los motores de búsqueda puedan rastrear su sitio fácilmente. Esto incluirá

• Comprobación de errores de sintaxis
• Readable Esquemas de color
• Cumplimiento de estándares. Asegúrese de que se sigan estándares como W3C, OASIS, IETF, ISO, ECMA o WS-I.

Pruebe el flujo de trabajo empresarial– Esto incluirá

• Probar sus escenarios de flujo de trabajo/negocios de extremo a extremo que lleva al usuario a través de una serie de páginas web para completar.
• Pruebe también escenarios negativos, de modo que cuando un usuario ejecute un paso inesperado, se muestre un mensaje de error o ayuda apropiados en su aplicación web.

Herramientas que se pueden utilizar: QTP , IBM Racional , Selenium

2. Pruebas de usabilidad

Las pruebas de usabilidad ahora se ha convertido en una parte vital de cualquier proyecto basado en web. Puede ser realizado por probadores Como tú o un pequeño grupo focal similar al público objetivo de la aplicación web.

Prueba el sitio Navegación - Navigation:

• Los menús, botones o enlaces a diferentes páginas de su sitio deben ser fácilmente visibles y coherentes en todas las páginas web.

Prueba <font dir="auto" style="vertical-align: inherit;">las </font> Contenido:

• El contenido debe ser legible y no tener errores ortográficos ni gramaticales.
• Las imágenes, si están presentes, deben contener un texto "alt".

Herramientas que se pueden utilizar: Marca de tiza, Contenido cuadradoy Clixpy

3. Pruebas de interfaz

Una vez que las funcionalidades y la usabilidad se mantengan estables, compruebe que las capas subyacentes se comuniquen entre sí. Las tres áreas que se deben probar son: la aplicación, el servidor web y el servidor de base de datos.

• Aplicación: Las solicitudes de prueba se envían correctamente a la base de datos y la salida en el lado del cliente se muestra correctamente. Los errores, si los hubiera, deben ser detectados por la aplicación y solo deben mostrarse al administrador y no al usuario final.
• servidor web: El servidor web de prueba maneja todas las solicitudes de aplicaciones sin ninguna denegación de servicio.
• Servidor de base de datos: Asegúrese de que las consultas enviadas a la base de datos den los resultados esperados.

Respuesta del sistema de prueba cuándo conexión entre las tres capas (Aplicación, Web y Base de Datos) no puede ser establecida y se muestra el mensaje apropiado al usuario final.

Herramientas que se pueden utilizar: ranorex

4. Pruebas de bases de datos

La base de datos es un componente crítico de su aplicación web y se debe hacer hincapié en probarla a fondo. Las actividades de prueba incluirán:

• Pruebe si se muestra algún error al ejecutar consultas
• Datos Integrity se mantiene durante la creación, actualización o eliminación de datos en la base de datos.
• Verifique el tiempo de respuesta de las consultas y ajústelas si es necesario.
• Los datos de prueba recuperados de su base de datos se muestran con precisión en su aplicación web

Herramientas que se pueden utilizar: QTP, Selenium

5. Pruebas de compatibilidad

Las pruebas de compatibilidad garantizan que su aplicación web se visualice y funcione correctamente en diferentes dispositivos. Esto incluye:

Prueba de compatibilidad del navegador:El mismo sitio web se mostrará de forma diferente en distintos navegadores. Debe comprobar si su aplicación web se muestra correctamente en todos los navegadores. JavaEl script, AJAX y la autenticación funcionan bien. También puedes comprobar Móvil Compatibilidad del navegador.

La representación de elementos web como botones, campos de texto, etc. cambia con el cambio en Operating sistema. Asegúrese de que su sitio web funcione bien para varias combinaciones de Operasistemas de ting como Windows, Linux, Mac y navegadores como Firefox, Internet Explorer, Safari, etc.

Herramientas que se pueden utilizar: Dynatrace

6. Prueba de rendimiento

Esto garantizará que su sitio funcione bajo cualquier carga. Las actividades de prueba incluirán, entre otras:

• Tiempos de respuesta de la aplicación del sitio web a diferentes velocidades de conexión
• Pruebe la carga de su aplicación web para determinar su comportamiento bajo cargas normales y máximas.
• Realice una prueba de esfuerzo de su sitio web para determinar su punto de interrupción cuando se le presiona con cargas superiores a las normales en el momento pico.
• Pruebe si se produce un bloqueo debido a un pico de carga, ¿cómo se recupera el sitio de tal evento?
• Asegúrese de que las técnicas de optimización como la compresión gzip, el caché del lado del navegador y del servidor estén habilitadas para reducir los tiempos de carga.

Herramientas que se pueden utilizar: Loadrunner, JMeter

7. Pruebas de seguridad

Pruebas de seguridad Es vital para los sitios web de comercio electrónico que almacenan información confidencial de los clientes, como tarjetas de crédito. Las actividades de prueba incluirán:

• No se debe permitir el acceso no autorizado a páginas seguras
• Los archivos restringidos no deben poder descargarse sin el acceso adecuado
• Las sesiones de verificación se cancelan automáticamente después de una inactividad prolongada del usuario.
• Al utilizar certificados SSL, el sitio web debe redirigir a páginas SSL cifradas.

Intruder

Intruder es un potente escáner de vulnerabilidades que le ayudará a descubrir las numerosas debilidades que acechan en sus aplicaciones web y su infraestructura subyacente. Ofreciendo controles de seguridad líderes en la industria, monitoreo continuo y una plataforma fácil de usar, Intruder mantiene empresas de todos los tamaños a salvo de los piratas informáticos.

Caracteristicas

• La mejor cobertura de amenazas en su clase con más de 10,000 controles de seguridad
• Comprueba si hay debilidades de configuración, parches faltantes, debilidades de aplicaciones (como inyección SQL y secuencias de comandos entre sitios) y más.
• Análisis automático y priorización de los resultados del escaneo.
• Interfaz intuitiva, rápida de configurar y ejecutar sus primeros escaneos
• Monitoreo de seguridad proactivo para las últimas vulnerabilidades
• AWS, Azure, y Google Cloud conectores
• Integración de API con su proceso de CI/CD

Visitar Intruder >>

8. Pruebas multitudinarias

Seleccionarás a un gran número de personas (multitud) para ejecutar pruebas que, de otro modo, habrían sido realizadas por un pequeño equipo interno. Las pruebas colaborativas son un concepto interesante y en auge que ayuda a descubrir muchos defectos que pasan desapercibidos.

Herramientas que se pueden utilizar: Plataforma de pruebas colectivas

Proceso de prueba de aplicaciones web: paso a paso

Las ocho técnicas te indican qué debes comprobar. El proceso que se describe a continuación te indica cuándo ejecutarlas.

1. Recopilar y aclarar los requisitos. Enumera lo que la aplicación debe hacer y cómo debe comportarse. Los requisitos ambiguos generan expectativas imposibles de probar, así que resuélvelos primero. Este paso sirve de base para las pruebas web en el contexto más amplio. ciclo de vida de las pruebas de software.
2. Redacta el plan de pruebas. Decida qué técnicas son aplicables, quién las ejecuta, qué herramientas se necesitan y en qué plazos. El plan es su hoja de ruta y su estimación.
3. Desarrollar casos de prueba. Convierta cada requisito en pasos concretos con resultados esperados, abarcando tanto el escenario ideal como los escenarios negativos que los usuarios desencadenan accidentalmente.
4. Configura el entorno de prueba. Replicar la producción lo más fielmente posible, dentro de las limitaciones presupuestarias: utilizar las mismas combinaciones de navegador y sistema operativo, volúmenes de datos comparables y velocidades de red realistas.
5. Ejecuta las pruebas. Ejecute los casos, registre los resultados reales frente a los esperados y capture capturas de pantalla, la salida de la consola y los registros del servidor mientras el fallo aún sea reproducible.
6. Informe y track defectos. Registra cada error con los pasos para reproducirlo y una prioridad, luego vuelve a probar después de la corrección y confirma que no haya nada dañado cerca.
7. Cierra el ciclo. Elabore un resumen de las pruebas que incluya lo que se probó, lo que se encontró, lo que queda por resolver y lo que se debe mejorar, y luego dé su aprobación para su lanzamiento.

Preguntas Frecuentes