Menú

Guía completa de pruebas de aplicaciones web (Cómo probar un sitio web)

web application testing complete guide

Una guía completa de prueba de aplicaciones web: cómo probar un sitio web

Todos tenemos que estar de acuerdo en que en el mundo competitivo y cambiante de hoy, Internet se ha convertido en una parte integral de nuestras vidas.

La mayoría de nosotros tomamos nuestras decisiones buscando información en Internet en estos días, por lo tanto, alojar un sitio web ya no es opcional sino obligatorio para todo tipo de empresas. Es el primer paso para volverse y mantenerse relevante en el mercado.

Tener un sitio web no es suficiente. Se necesita una organización para desarrollar un sitio web que sea informativo, accesible y fácil de usar. Para mantener todas estas cualidades, el sitio web debe estar bien probado, y este proceso de prueba de un sitio web se conoce como prueba web.

Pruebas de aplicaciones web

Lo que vas a aprender:

¿Qué son las pruebas web?

Las pruebas web son una práctica de prueba de software para probar sitios web o aplicaciones web en busca de errores potenciales. Es una prueba completa de las aplicaciones basadas en la web antes de publicarlas.

Un sistema basado en la web debe verificarse completamente de un extremo a otro antes de que entre en funcionamiento para los usuarios finales.

Al realizar pruebas de sitios web, una organización puede asegurarse de que el sistema basado en web esté funcionando correctamente y pueda ser aceptado por usuarios en tiempo real.

El diseño y la funcionalidad de la interfaz de usuario son los capitanes de las pruebas de sitios web.

Listas de verificación de pruebas web

1) Prueba de funcionalidad
2) Pruebas de usabilidad
3) Prueba de interfaz
4) Pruebas de compatibilidad
5) Pruebas de rendimiento
6) Pruebas de seguridad

Herramientas recomendadas para practicar los conceptos de pruebas web mencionados en esta página:

# 1) LoadNinja

LoadNinja le permite probar su aplicación web con navegadores reales a escala, utilizando scripts de prueba que se pueden reproducir inmediatamente después de la grabación, produciendo datos de rendimiento procesables basados ​​en el navegador para aislar problemas y depurar errores en tiempo real.

LoadNinja - Banner

=> Visite el sitio web LoadNinja

# 2) Prueba Lambda

LambdaTest es una plataforma escalable de prueba entre navegadores basada en la nube diseñada para ofrecer todos los sitios web y las pruebas de aplicaciones web necesarias para la infraestructura en la nube.

LambdaTest

La plataforma LambdaTest ayuda a garantizar que los elementos de su aplicación web (como JavaScript, CSS, HTLM5, video, etc.) se procesen sin problemas en todos los navegadores web de escritorio y móviles con soporte de pruebas manuales, visuales y automatizadas. Con LambdaTest, puede acceder a más de 2000 combinaciones de navegadores de escritorio y móviles en la nube.

=> Visite el sitio web de LambdaTest

# 1) Prueba de funcionalidad

Prueba para: todos los enlaces en las páginas web, conexión a la base de datos, formularios utilizados para enviar u obtener información del usuario en las páginas web, prueba de cookies, etc.

Mira todos los enlaces:

  • Pruebe los enlaces salientes de todas las páginas al dominio específico bajo prueba.
  • Pruebe todos los enlaces internos.
  • Pruebe los enlaces que saltan en la misma página.
  • Los enlaces de prueba se utilizan para enviar correos electrónicos al administrador u otros usuarios desde páginas web.
  • Prueba para ver si hay páginas huérfanas.
  • Por último, la comprobación de enlaces incluye comprobar si hay enlaces rotos en todos los enlaces mencionados anteriormente.

Formularios de prueba en todas las páginas:
Los formularios son una parte integral de cualquier sitio web. Los formularios se utilizan para recibir información de los usuarios e interactuar con ellos. Entonces, ¿qué se debe verificar en estos formularios?

  • Primero, verifique todas las validaciones en cada campo.
  • Compruebe los valores predeterminados en los campos.
  • Entradas incorrectas en los formularios a los campos de los formularios.
  • Opciones para crear formularios, si los hay, eliminar formularios, verlos o modificarlos.

Tomemos un ejemplo del proyecto de motor de búsqueda en el que estoy trabajando actualmente. En este proyecto tenemos pasos de registro de anunciantes y afiliados. Cada paso del registro es diferente, pero depende de los otros pasos.

Por lo tanto, el flujo de registro debe ejecutarse correctamente. Hay diferentes validaciones de campo como ID de correo electrónico, validaciones de información financiera del usuario, etc. Todas estas validaciones deben verificarse en pruebas web manuales o automatizadas.

Prueba de cookies:

Las cookies son pequeños archivos almacenados en la máquina del usuario. Estos se utilizan básicamente para mantener la sesión, principalmente las sesiones de inicio de sesión. Pruebe la aplicación habilitando o deshabilitando las cookies en las opciones de su navegador.

Pruebe si las cookies están encriptadas antes de escribir en la máquina del usuario. Si está probando cookies de sesión (es decir, cookies que caducan después de que finaliza la sesión), verifique las sesiones de inicio de sesión y las estadísticas del usuario después de que finalice la sesión. Compruebe el efecto sobre la seguridad de la aplicación eliminando las cookies. (Pronto también escribiré un artículo separado sobre pruebas de cookies)

Valide su HTML / CSS:

Si está optimizando su sitio para los motores de búsqueda, la validación de HTML / CSS es la más importante. Validar principalmente el sitio para detectar errores de sintaxis HTML. Compruebe si el sitio se puede rastrear en diferentes motores de búsqueda.

Prueba de base de datos:

La coherencia de los datos también es muy importante en una aplicación web. Verifique la integridad de los datos y los errores mientras edita, elimina, modifica los formularios o realiza cualquier funcionalidad relacionada con la base de datos.

Compruebe si todas las consultas de la base de datos se ejecutan correctamente, los datos se recuperan y también se actualizan correctamente. Más sobre las pruebas de bases de datos podrían ser una carga para DB, abordaremos esto en la carga web o las pruebas de rendimiento a continuación.

Al probar la funcionalidad de los sitios web, se debe probar lo siguiente:

Enlaces
I. Vínculos internos
ii. Enlaces externos
iii. Enlaces de correo
iv. Enlaces rotos

Formularios
I. Validación de campo
ii. Mensaje de error por entrada incorrecta
iii. Campos opcionales y obligatorios

Base de datos
Se realizarán pruebas sobre la integridad de la base de datos.

# 2) Pruebas de usabilidad

Las pruebas de usabilidad son el proceso mediante el cual se miden las características de interacción persona-computadora de un sistema y se identifican las debilidades para corregirlas.

• Facilidad de aprendizaje
• Navegación
• Satisfacción subjetiva del usuario
• Apariencia general

Prueba de navegación:

Navegación significa cómo un usuario navega por las páginas web, diferentes controles como botones, cuadros o cómo el usuario usa los enlaces en las páginas para navegar por diferentes páginas.

Las pruebas de usabilidad incluyen lo siguiente:

  • El sitio web debe ser fácil de usar.
  • Las instrucciones proporcionadas deben ser muy claras.
  • Compruebe si las instrucciones proporcionadas son perfectas para satisfacer su propósito.
  • El menú principal debe proporcionarse en cada página.
  • Debería ser lo suficientemente consistente.

Verificación de contenido:

El contenido debe ser lógico y fácil de entender. Compruebe si hay errores de ortografía. El uso de colores oscuros molesta a los usuarios y no debe usarse en el tema del sitio.

Puede seguir algunos colores estándar que se utilizan para páginas web y creación de contenido. Estos son los estándares comúnmente aceptados como lo que mencioné anteriormente sobre colores, fuentes, marcos, etc.

¿Qué es un archivo torrent y cómo lo abro?

El contenido debe ser significativo. Todos los enlaces de texto de anclaje deberían funcionar correctamente. Las imágenes deben colocarse correctamente con los tamaños adecuados.

Estos son algunos de los estándares básicos importantes que se deben seguir en el desarrollo web. Su tarea es validar todo para las pruebas de IU.

Otra información de usuario para ayuda al usuario:

Al igual que la opción de búsqueda, el mapa del sitio también ayuda con los archivos, etc. El mapa del sitio debe estar disponible con todos los enlaces en los sitios web con una vista de árbol adecuada de navegación. Compruebe todos los enlaces en el mapa del sitio.

La opción 'Buscar en el sitio' ayudará a los usuarios a encontrar las páginas de contenido que buscan de manera fácil y rápida. Todos estos son elementos opcionales y, si están presentes, deben validarse.

# 3) Prueba de interfaz

En las pruebas web, se debe probar la interfaz del lado del servidor. Esto se puede hacer verificando que la comunicación se realice correctamente. Debe probarse la compatibilidad del servidor con el software, el hardware, la red y la base de datos.

Las principales interfaces son:

  • Interfaz de servidor web y servidor de aplicaciones
  • Servidor de aplicaciones e interfaz del servidor de bases de datos.

Compruebe si todas las interacciones entre estos servidores se ejecutan y los errores se manejan correctamente. Si la base de datos o el servidor web devuelve un mensaje de error para cualquier consulta del servidor de aplicaciones, entonces el servidor de aplicaciones debe detectar y mostrar estos mensajes de error de manera adecuada a los usuarios.

Verifique qué sucede si el usuario interrumpe alguna transacción en el medio. Compruebe qué sucede si la conexión al servidor web se restablece en el medio.

# 4) Prueba de compatibilidad

La compatibilidad de su sitio web es un aspecto de prueba muy importante. Vea qué prueba de compatibilidad se ejecutará:

  • Compatibilidad del navegador
  • Compatibilidad del sistema operativo
  • Navegación móvil
  • Opciones de impresión

Compatibilidad del navegador:

En mi carrera de pruebas web, he experimentado esto como la parte más influyente de las pruebas web.
Algunas aplicaciones dependen mucho de los navegadores. Los diferentes navegadores tienen diferentes configuraciones y ajustes con los que su página web debería ser compatible.

La codificación de su sitio web debe ser compatible con una plataforma de navegador cruzado. Si está utilizando scripts java o llamadas AJAX para la funcionalidad de la interfaz de usuario, realice comprobaciones o validaciones de seguridad y luego haga más hincapié en las pruebas de compatibilidad del navegador de su aplicación web.

Pruebe aplicaciones web en diferentes navegadores como Internet Explorer, Firefox, Netscape Navigator, AOL, Safari, navegadores Opera con diferentes versiones.

Compatibilidad del sistema operativo:

Parte de la funcionalidad de su aplicación web es que puede no ser compatible con todos los sistemas operativos. Todas las nuevas tecnologías utilizadas en el desarrollo web, como los diseños gráficos y las llamadas de interfaz, como diferentes API, pueden no estar disponibles en todos los sistemas operativos.

Por lo tanto, pruebe su aplicación web en diferentes sistemas operativos como Windows, Unix, MAC, Linux, Solaris con diferentes tipos de sistemas operativos.

Navegación móvil:

Estamos en la era de las nuevas tecnologías. Entonces, en el futuro, la navegación móvil será un éxito. Pruebe sus páginas web en navegadores móviles. También pueden existir problemas de compatibilidad en dispositivos móviles.

Opciones de impresión:

Si ofrece opciones de impresión de páginas, asegúrese de que las fuentes, la alineación de la página, los gráficos de la página, etc. se impriman correctamente. Las páginas deben ajustarse al tamaño del papel o al tamaño mencionado en la opción de impresión.

# 5) Prueba de rendimiento

La aplicación web debe soportar una gran carga. Las pruebas de rendimiento web deben incluir:

  • Prueba de carga web
  • Pruebas de estrés web

Pruebe el rendimiento de la aplicación a diferentes velocidades de conexión a Internet.

Prueba de carga web : Necesita probar si muchos usuarios están accediendo o solicitando la misma página. ¿Puede el sistema soportar el tiempo de carga pico? El sitio debe manejar muchas solicitudes de usuarios simultáneas, grandes datos de entrada de los usuarios, conexión simultánea a la base de datos, carga pesada en páginas específicas, etc.

Prueba de estrés web: Generalmente estrés significa estirar el sistema más allá de sus límites especificados. Las pruebas de estrés web se realizan para romper el sitio al generar estrés y se verifica cómo reacciona el sistema al estrés y cómo se recupera de los bloqueos. El énfasis generalmente se da en los campos de entrada, áreas de inicio de sesión y registro.

En el rendimiento web, se comprueba la funcionalidad del sitio web en diferentes sistemas operativos y diferentes plataformas de hardware para detectar errores de fuga de memoria de software y hardware.

Las pruebas de rendimiento se pueden aplicar para comprender la escalabilidad del sitio web o para comparar el rendimiento en el entorno de productos de terceros, como servidores y middleware, para una posible compra.

Velocidad de conexión
Probado en varias redes como Dial-Up, ISDN, etc.

Carga
I. ¿Cuál es el no. de usuarios por tiempo?
ii. Compruebe las cargas máximas y cómo se comporta el sistema
iii. Una gran cantidad de datos a los que accede el usuario.

Estrés
I. Carga continua
ii. Rendimiento de la memoria, CPU, manejo de archivos, etc.

# 6) Prueba de seguridad

Los siguientes son algunos de los casos de prueba para las pruebas de seguridad web:

  • Pruebe pegando la URL interna directamente en la barra de direcciones del navegador sin iniciar sesión. Las páginas internas no deben abrirse.
  • Si ha iniciado sesión con nombre de usuario y contraseña y navegando por páginas internas, intente cambiar las opciones de URL directamente. Es decir. Si está comprobando algunas estadísticas del sitio del editor con el ID del sitio del editor = 123, intente cambiar directamente el parámetro de ID del sitio URL a un ID de sitio diferente que no esté relacionado con el usuario que inició sesión. Se debe denegar el acceso a este usuario para ver las estadísticas de otras personas.
  • Pruebe algunas entradas no válidas en los campos de entrada como nombre de usuario de inicio de sesión, contraseña, cuadros de texto de entrada, etc. Compruebe la reacción del sistema a todas las entradas no válidas.
  • Los directorios y archivos web no deben ser accesibles directamente a menos que tengan la opción de descarga.
  • Pruebe el CAPTCHA para automatizar los inicios de sesión del script.
  • Pruebe si se utiliza SSL como medidas de seguridad. Si se usa, el mensaje adecuado debería mostrarse cuando los usuarios cambian de páginas HTTP: // no seguras a páginas HTTPS: // seguras y viceversa.
  • Todas las transacciones, mensajes de error e intentos de violación de la seguridad deben registrarse en archivos de registro en algún lugar del servidor web.

La razón principal para probar la seguridad de una web es identificar vulnerabilidades potenciales y posteriormente repararlas.

  • Escaneo de red
  • Escaneo de vulnerabilidades
  • Craqueo de contraseña
  • Revisión de registro
  • Comprobadores de integridad
  • Detección de virus

Tipos de pruebas web

Un sitio web se clasifica en muchos tipos, alrededor de 20 tipos. Todos estos se están reduciendo bajo el tipo estático y dinámico. Entre ellos, analicemos 4 tipos y sus métodos de prueba de manera detallada. Antes de eso, solo quiero señalar esos tipos.

  • Pruebas de sitios web estáticos simples
  • Prueba dinámica de aplicaciones web
  • Prueba de sitios web de comercio electrónico
  • Prueba de sitios web móviles

# 1) Sitio web estático simple

Un sitio web estático simple mostrará el mismo contenido para todos los visitantes que visiten el sitio web en diferentes momentos. También se lo conoce como sitio web informativo. En un sitio web estático, solo los desarrolladores pueden realizar cambios en el código. Este tipo de sitio web no tendrá funcionalidades importantes y depende exclusivamente del diseño de la interfaz de usuario.

Probar un sitio web estático simple es muy fácil, solo debe considerar algunas cosas durante la prueba. Algunos de ellos se mencionan a continuación:

Puntos para recordar:

#1) Probar el diseño de la GUI es imprescindible porque un sitio web estático depende exclusivamente de él. Debe comparar los archivos PSD aprobados con la página web desarrollada. Compruebe que todos los elementos del diseño deben presentarse en la página desarrollada.

#2) La otra parte del diseño de la GUI es verificar el tamaño de la fuente, el estilo de la fuente, el espaciado y el color de todo lo que se ha reproducido.

[Esta imagen explica el problema de alineación del espaciado en la vista de escritorio de un sitio web].

#3) En segundo lugar, debe verificar los enlaces (enlaces de la página) para ver si funciona correctamente o no. Además, averigüe si hay un enlace roto.

#4) Verifique la ortografía y el contenido de todas las páginas web comparando el contenido proporcionado por el cliente.

#5) En algunos casos, la imagen no se mostrará correctamente, puede romperse o, a veces, la imagen se duplica o pueden aparecer imágenes incorrectas. Hay que comprobarlo detenidamente. Porque para un sitio web estático, solo el contenido y las imágenes darán vida.

#6) Revise la barra de desplazamiento con cuidado y, según mi experiencia, he tenido problemas con la barra de desplazamiento. El problema al que se enfrentará es la aparición de desplazamientos no deseados o los desplazamientos ocultos (puede ocultar el contenido). Los problemas anteriores son aplicables tanto a los pergaminos horizontales como verticales.

#7) Si hay un formulario de contacto, verifique que esté funcionando correctamente enviando algunos mensajes ficticios.

Las cosas para verificar en el formulario de contacto son:

  • ¿El mensaje se envía correctamente y aparece un mensaje correcto?
  • Verifique si el correo electrónico recibido a la persona interesada en el formato adecuado según lo diseñado.
  • ¿El correo electrónico de verificación no debería caer en el spam como correo basura?
  • Si hay un disparador de correo electrónico de respuesta activado, verifique si el remitente recibió el correo.

#8) Compruebe si se trata de una página web sin errores y valídela con el validador W3 u otro software relacionado.

#9) Algunas cosas constantes que se deben verificar en un sitio web estático,

  • Compruebe que el favicon esté presente en la barra de pestañas
  • La URL debe contener el título de la página correcto
  • Si hay información de derechos de autor, debería mostrarse
  • Si hay un formulario de contacto, Captcha es imprescindible. [Evita el correo electrónico no deseado]
  • Verifique la velocidad de carga del sitio web. [Un sitio web estático no debería tardar mucho en cargarse]. Si se utiliza una imagen gif durante la carga, realice un seguimiento de su funcionalidad

Aparte de estos, hay cosas enormes que deben probarse en el backend de cada sitio web que prueba del sistema , pruebas de seguridad, pruebas de interfaz, pruebas de compatibilidad y pruebas de rendimiento, etc. Para ello, es necesario tener conocimientos técnicos. En un sitio web estático simple, no encontrará más funcionalidades si allí también necesita hacer pruebas de funcionalidad.

# 2) Aplicación web dinámica [sitio web de CMS]

Es el tipo en el que el usuario puede actualizar y cambiar el contenido de su sitio web con regularidad. A partir de aquí, usaré la palabra 'prueba de aplicaciones web' en lugar de prueba dinámica de sitios web. La aplicación web es una combinación de programación de front-end y back-end .

El front-end será HTML y CSS mientras que el back-end usa lenguajes de programación como PHP, Javascript y ASP, etc. Con este backend, el usuario / cliente puede agregar o cambiar el contenido del sitio web.

Probar una aplicación web no es fácil que probar un sitio web estático, pero tampoco es mucho más difícil que probar un sitio web de comercio electrónico. Las pruebas de funcionalidad son lo más importante que se debe realizar al probar una aplicación web. La aplicación web puede contener una funcionalidad muy complicada, por lo que el evaluador debe tener mucho cuidado al realizar la prueba.

Hay dos tipos diferentes de aplicaciones web, una es que el usuario no realizará ninguna acción en el front-end (es decir, solo los cambios en el back-end se reflejarán en el front-end) y el otro es que el usuario final trabajará al frente -se termina ( por ejemplo inicio de sesión, suscripción, suscripción al boletín y otras acciones similares). Por lo tanto, las pruebas deben realizarse de acuerdo con él.

Puntos para recordar:

Los puntos que mencioné en las pruebas de sitios web estáticos también deben incluirse al probar una aplicación web. Además de eso, se deben tener en cuenta las siguientes cosas.

#1) En la sección GUI, la información sobre herramientas es obligatoria para todos los campos y botones, la alineación (espaciado) de los campos debe realizarse correctamente, los campos / botones desactivados deben estar atenuados, los campos / botones deben estar en formato estándar como en SRS, se debe mostrar un mensaje de error si algo sale mal, ventana emergente El mensaje solo debe aparecer en el centro de la página web, el menú desplegable no debe estar truncado.

La tecla de método abreviado de tabulación debería funcionar en todos los campos y más.

#2) En la sección de funcionalidad, si su aplicación web tiene funcionalidad de inicio de sesión o registro, marque la validación de campo obligatoria , validación de formularios (es decir, los campos numéricos deben aceptar solo números, no alfabetos), restricción de caracteres en los campos (es decir, solo se pueden ingresar estos muchos caracteres).

Restricción de caracteres especiales y números negativos en los campos, probar la funcionalidad del correo electrónico, probar la carga del documento (es decir, solo se puede cargar el tipo de documento especificado ), la funcionalidad de tiempo de espera, la funcionalidad de clasificación, JavaScript funciona en navegadores compatibles, etc.

#3) Cuando llegue a la sección de funcionalidad de back-end, pruebe la carga de imágenes en busca de imágenes rotas, si el texto que ingresa en los campos funciona o no. La actualización de back-end debería reflexionar en el front-end , prueba de base de datos (es decir, si puede agregar nuevos campos o eliminar campos no deseados) todas estas cosas deben realizarse.

El rendimiento no es muy necesario para una aplicación web (sitio web dinámico) ya que tiene muy menos contenido. Si lo necesita, puede hacerlo con las herramientas con las que está familiarizado. Elija alguna herramienta de rendimiento en línea estándar, si desea realizar pruebas de rendimiento simples.

# 3) Sitio web de comercio electrónico

Un sitio web de comercio electrónico es algo complicado en comparación con los dos anteriores. El evaluador debe tener mucho cuidado al probar un sitio de comercio electrónico. Hay cosas importantes que deben verificarse en los sitios de comercio electrónico. De entre ellos, solo cubro algunos de mis problemas experimentados en las pruebas de sitios de comercio electrónico.

la puerta de enlace predeterminada no está disponible en ethernet

En la sección GUI, debe verificar todas las características como en SRS y lo mismo con la funcionalidad. La funcionalidad será casi la misma para todos los sitios web comerciales.

En cuanto a la funcionalidad, debe verificar todas las páginas, como la página principal (incluye productos destacados, visualización de ofertas especiales, detalles de inicio de sesión, funcionalidad de búsqueda), página de detalles del producto, página de categoría, realización de un pedido, pasarela de pago, todo debe ser probado.

Puntos para recordar:

#1) Compruebe si el carrito de la compra se actualiza cuando compra o aumenta la cantidad. Consulta esta funcionalidad en todas las páginas y circunstancias.

#2) Compruebe si cupones especiales y las ofertas se aplican a los pedidos correctos y ves que el precio con descuento se muestra o no.

[Esta imagen explica sobre el envío gratuito y cómo se aplica en la sección de pago]

#3) A veces, al actualizar un solo producto, se multiplicará considerando la cantidad de variaciones en el producto. Por lo tanto, compruebe si se muestra el producto individual y sus variaciones se muestran correctamente. (Me enfrenté a este problema)

#4) Compruebe si la opción de filtro está funcionando exactamente. Si se realizó el filtrado, ¿según la categoría y el precio elegido?

#5) Al registrarse, se debe realizar una supervalidación. Solo el nuevo usuario puede registrarse.

#6) Si un usuario existente agregó un producto a la cesta de la compra, la sección de la lista de deseos durante su inicio de sesión anterior debe guardarse y mostrarse también durante el siguiente inicio de sesión.

#7) Comparar productos debería funcionar comparando los productos según algunas especificaciones asignadas en el back-end.

#8) Compruebe si el conversor de divisas funciona bien. Según el país elegido, el conversor de divisas debe mostrar el precio y las tasas impositivas correspondientes.

[Al elegir el idioma, se convertirá la moneda, aquí USD es el valor predeterminado]

#9) Generalmente, muchos complementos se utilizan en un sitio web de comercio electrónico (WordPress y similares), debe tener mucho cuidado. La instalación del complemento puede entrar en conflicto o afectar cualquier otra funcionalidad importante. Así que siga con la instalación de los complementos y su uso.

#10) Compruebe si la opción de compartir en redes sociales funciona en el producto individual o no.

#11) El costo de envío debe generarse en función de la región seleccionada. Y también verifique la generación de la tasa impositiva. (Puede causar algunos problemas legales durante la compra de los usuarios finales).

tasa de impuesto

[En esta imagen, el envío y la tasa de impuestos se calculan para la región de Francia]

#12) La pasarela de pago debería funcionar solo si se proporcionan datos válidos de la tarjeta. La validación debe aplicarse al número de tarjeta y al número de código CCV. [Es mejor mantener la validación en el campo del número de tarjeta].

#13) La generación de correo electrónico en todos y cada uno de los procesos durante la compra debe ocurrir (registro, pedido del producto, pago exitoso, pedido cancelado, pedido recibido y otros activadores de correo electrónico, si corresponde).

#14) Compruebe el chat en vivo con algunos correos electrónicos sucios.

Nota: Por lo general, el sitio web de comercio electrónico no se desarrollará para la compatibilidad con dispositivos móviles y, cuando llegue a la versión móvil, se generará una aplicación. En algunos casos, no crearán una aplicación, sino que se creará un sitio web compatible con dispositivos móviles. En tales casos, debe verificar cuidadosamente para saber si falta alguna funcionalidad y desviación de la interfaz de usuario.

Estos son algunos de los problemas que enfrenté y noté al probar un sitio web de comercio electrónico. Aparte de esto, debe verificar todas las cosas generales relacionadas con un sitio web de comercio electrónico.

# 4) Sitio web móvil

En primer lugar, seamos claros sobre un sitio web para móviles. En general, la gente piensa que tanto un sitio web móvil como una aplicación móvil son lo mismo, pero en realidad, un sitio web móvil se desarrolla con páginas HTML y solo se puede ver con una conexión a Internet.

Pero la aplicación móvil no es más que una aplicación que se puede descargar y utilizar más tarde sin conexión a Internet. Aquí muchos de nosotros nos confundimos y hacemos una pregunta ¿Cuál es la diferencia entre un sitio web móvil y un sitio web adaptable?

Un sitio web receptivo significa hacer que el contenido se ajuste al tamaño del dispositivo móvil en lugar de crear una versión, mientras que un sitio web móvil está creando una nueva versión que no es una versión de escritorio reflejada. En el sitio web para dispositivos móviles, solo tendrá páginas limitadas y las funcionalidades no deseadas se eliminan aquí.

Probar un sitio web móvil es algo tedioso en lugar de otros tipos de sitios web. Tendrá diseños separados y debe tener cuidado al probar las funcionalidades.

Puntos para recordar:

Puntos importantes a considerar al probar un sitio web móvil:

  • Por lo general, usaremos un emulador para probar un sitio web móvil y podemos obtener resultados ideales, pero siempre prefiero que pruebes en dispositivos reales. Me he enfrentado a muchos problemas cuando probé en dispositivos reales [especialmente dispositivos Apple]. Las especificaciones reales del dispositivo pueden entrar en conflicto con las páginas web desarrolladas.

[Esta imagen explica las pruebas del simulador y el problema de la línea de fondo que aparece en ella].

  • Las pruebas de GUI y usabilidad son más importantes ya que no son el reflejo de la versión de escritorio.
  • El rendimiento es otro factor importante a considerar para las pruebas de sitios web móviles. Los problemas relacionados con el rendimiento se pueden rastrear cuando prueba en los dispositivos reales.
  • Compruebe si la navegación por enlaces web normales desde un dispositivo móvil se activa mediante un enlace móvil.
  • Verifique el desplazamiento de la página, la navegación de la página, el truncamiento de texto, etc.en el sitio web móvil.

Las mejores herramientas de prueba web

Existe una amplia gama de herramientas de prueba disponibles para las pruebas de aplicaciones web.

=> Consulte esta lista completa de las herramientas de prueba de aplicaciones web más populares.

servidor privado vanilla world of warcraft

Puntos a considerar al probar un sitio web

Los sitios web son esencialmente aplicaciones cliente / servidor - con servidores web y clientes de 'navegador'.

Se deben tener en cuenta las interacciones entre Páginas HTML, comunicaciones TCP / IP, conexiones a Internet, cortafuegos, aplicaciones que se ejecutan en páginas web (como applets, javascript, aplicaciones de complementos) y aplicaciones que se ejecutan en el lado del servidor (como scripts CGI, interfaces de bases de datos, aplicaciones de registro, generadores de páginas dinámicas, asp, etc.).

Además, existe una amplia variedad de servidores y navegadores con varias versiones de cada uno. Incluyen diferencias pequeñas pero a veces significativas entre ellos en términos de variaciones en las velocidades de conexión, tecnologías que cambian rápidamente y múltiples estándares y protocolos. El resultado final de las pruebas para sitios web puede convertirse en un gran esfuerzo continuo.

Ejemplos de escenarios de prueba para probar una aplicación web

Algunas otras consideraciones que se deben incluir al probar un sitio web se dan a continuación .

  • ¿Cuál es la carga esperada en el servidor (por ejemplo, número de visitas por unidad de tiempo)?
  • ¿Qué tipo de rendimiento se requiere en cada condición de carga (como el tiempo de respuesta del servidor web, los tiempos de respuesta a las consultas de la base de datos)?
  • ¿Qué tipo de herramientas se necesitarán para las pruebas de rendimiento (como herramientas de prueba de carga web, otras herramientas ya internas que se pueden adaptar, herramientas de descarga de robots web, etc.)?
  • ¿Quién es el público objetivo? ¿Qué tipo de navegadores utilizarán? ¿Qué tipo de velocidades de conexión utilizarán? ¿Son intraorganizaciones (por lo tanto, probablemente con altas velocidades de conexión y navegadores similares) o en Internet (por lo tanto, con una amplia variedad de velocidades de conexión y tipos de navegadores)?
  • ¿Qué tipo de rendimiento se espera del lado del cliente (por ejemplo, qué tan rápido deben aparecer las páginas, qué tan rápido deben cargarse y ejecutarse las animaciones, los applets, etc.)?
  • ¿Se permitirá el tiempo de inactividad para el mantenimiento o las actualizaciones del servidor y del contenido? Si es así, ¿cuánto?
  • ¿Qué tipo de seguridad (cortafuegos, cifrado, contraseñas, etc.) se requerirá y qué se espera que haga? ¿Cómo se puede probar?
  • ¿Qué tan confiables deben ser las conexiones a Internet del sitio? ¿Y cómo afecta eso al sistema de respaldo o los requisitos y pruebas de conexión redundante?
  • ¿Qué proceso será necesario para administrar las actualizaciones del contenido del sitio web?
  • ¿Cuáles son los requisitos para mantener, rastrear y controlar el contenido de la página, gráficos, enlaces, etc.?
  • ¿Qué especificación HTML se cumplirá? ¿Cuán estrictamente? ¿Qué variaciones se permitirán para los navegadores específicos?
  • ¿Habrá algún requisito estándar para la apariencia de la página y / o gráficos en un sitio o partes de un sitio?
  • ¿Cómo se validarán y actualizarán los enlaces internos y externos? ¿Y con qué frecuencia? sucederá
  • ¿Se pueden realizar pruebas en el sistema de producción o se requerirá un sistema de prueba por separado?
  • ¿Cómo se pueden tener en cuenta para las pruebas el almacenamiento en caché del navegador, las variaciones en la configuración de las opciones del navegador, la variabilidad de la conexión de acceso telefónico y los problemas de 'congestión de tráfico' de Internet en el mundo real?
  • ¿Qué tan extensos o personalizados son los requisitos de informes y registro del servidor? ¿Se consideran parte integral del sistema y requieren pruebas?
  • ¿Cómo se deben mantener, rastrear, controlar y probar los programas CGI, applets, javascript, componentes ActiveX, etc.?
  • Las páginas deben tener entre 3 y 5 pantallas como máximo, a menos que el contenido esté muy centrado en un solo tema. Si es más grande, proporcione enlaces internos dentro de la página.
  • Los diseños de página y los elementos de diseño deben ser coherentes en todo el sitio para que el usuario tenga claro que todavía están en un sitio.
  • Las páginas deben ser tan independientes del navegador como sea posible, o las páginas deben proporcionarse o generarse en función del tipo de navegador.
  • Todas las páginas deben tener enlaces externos a la página; no debería haber páginas sin salida.
  • En cada página se debe incluir el propietario de la página, la fecha de revisión y un enlace a una persona u organización de contacto.

Preguntas frecuentes sobre pruebas web

A continuación, se deben mencionar las diversas preguntas que surgen en la mente de un evaluador mientras piensa en un sitio web que ya está desarrollado y puede estar expuesto al público:

  • ¿Funciona el sitio web como se esperaba?
  • ¿El usuario final encontrará el sitio web fácil de navegar?
  • ¿Se puede acceder al sitio web en diferentes dispositivos que poseen los usuarios finales?
  • ¿El sitio web está lo suficientemente seguro?
  • ¿Está el rendimiento del sitio web a la altura?
  • ¿Los datos ingresados ​​en un sitio web se almacenan con precisión y persisten entre sesiones?
  • ¿El sitio web está bien integrado con otras interfaces en el flujo de trabajo?
  • ¿El sitio web funcionará como se esperaba incluso después de su lanzamiento?

Para responder a estas preguntas, se han identificado diferentes técnicas de prueba que pueden usarse para probar una aplicación web.

Tomemos un ejemplo de un sitio web de comercio electrónico que se lanzó recientemente al equipo de control de calidad para su prueba.

Revisaremos cada una de las preguntas especificadas anteriormente en detalle para comprender el alcance de la prueba y ver cómo se pueden realizar las pruebas de sitios web.

prueba del sitio web

¿Funciona el sitio web como se esperaba?

confirmar que el sitio web está funcionando bien, QA debe realizar pruebas funcionales. Durante prueba funcional , las diferentes características de una aplicación deben validarse con los requisitos mencionados en el documento de especificaciones funcionales.

A continuación, se muestran algunos escenarios genéricos que se espera que cubra un control de calidad al realizar pruebas funcionales de cualquier sitio web, incluso si no se mencionan en las especificaciones funcionales:

  • Navegación del usuario a diferentes páginas del sitio web y completar el flujo de trabajo de un extremo a otro
  • Si el usuario puede seleccionar / deseleccionar casillas de verificación
  • Si el usuario puede seleccionar valores de los campos desplegables
  • Si el usuario puede seleccionar / deseleccionar botones de radio
  • Diferentes botones de navegación como Enviar, Siguiente, Cargar, etc., funcionan bien
  • Los calendarios se cargan correctamente y permiten al usuario seleccionar una fecha
  • Los cálculos están sucediendo según se implementaron
  • La función de búsqueda funciona, si la hay
  • Pantalla de información correcta
  • Varios enlaces internos y externos a otras páginas
  • Orden de tabulación correcto de los campos en las páginas web
  • Los campos obligatorios y opcionales deben verificarse para las entradas positivas y negativas
  • Se deben verificar los valores predeterminados para cada campo web
  • La funcionalidad de correo electrónico está implementada para algunas acciones en el sitio web

Es importante que los sitios web sean compatibles con los motores de búsqueda. Por lo tanto, deberíamos revisar los sitios web para verificar la corrección de la sintaxis HTML, el formato y los estándares de cumplimiento como WS-I, ISO y ECMA.

Teniendo en cuenta las cookies, que se utilizan para mantener las sesiones de inicio de sesión, el sitio web debe probarse habilitando / deshabilitando las cookies o utilizando el dominio no coincidente. Las pruebas también se pueden realizar entre sesiones restableciendo las cookies para que los navegadores vuelvan al estado original.

QA también debe validar que las cookies del sitio web siempre se almacenan localmente en un formato cifrado.

Teniendo en cuenta nuestro sitio web de comercio electrónico, se debe hacer clic en varios enlaces como Moda masculina, Moda femenina, Moda infantil, Accesorios para el hogar, Electrodomésticos, Libros, Películas y música, etc., disponibles en una página web y verificar si el usuario navega a la página esperada.

De manera similar, diferentes funcionalidades como Inicio de sesión, Registro, Opción de búsqueda, Filtros, Orden de clasificación, Agregar al carrito, etc. deben verificarse en diferentes páginas web como Página de inicio de sesión, Página de registro, Página de detalles del producto, Carrito de compras, Revisión de pedidos, Pago, etc. Se debe verificar el sitio web para la administración de sesiones / cookies, como el vencimiento y el almacenamiento de sesiones, etc.

¿El usuario final encontrará el sitio web fácil de navegar?

Se deben realizar pruebas de usabilidad para medir la facilidad de uso del sitio web para un usuario final en el contexto de accesibilidad, capacidad de búsqueda y utilidad, etc.

Pruebas de usabilidad

A continuación se mencionan algunos de los escenarios de prueba que deben verificarse al realizar pruebas de usabilidad para un sitio web:

  • El contenido del sitio web debe ser informativo, estructurado y enlazado lógicamente para que el usuario pueda entenderlo fácilmente.
  • Los controles de la página web deben ser fáciles de navegar para los usuarios
  • El sitio web debe tener documentos de ayuda e instrucciones cargados
  • El sitio web debe tener la función de búsqueda para la conveniencia del usuario final
  • El acceso a / desde el menú principal a todas las páginas debe estar allí
  • El contenido del sitio web debe verificarse para detectar errores ortográficos.
  • El sitio web debe seguir pautas definidas en el contexto del color de fondo, patrón, estilo, fuentes, ubicación de imágenes, marcos, bordes, etc.
  • El sitio web debe estar acostumbrado a la función de traducción teniendo en cuenta el hecho de que pueden acceder a él usuarios de diferentes países con diferentes idiomas, monedas, etc.

Pocas herramientas que se pueden utilizar para realizar pruebas de usabilidad son Zoom de usuario y Reflector .

Un sitio web de comercio electrónico debe ser amigable para el cliente, fácil de navegar y llamativo. Todas las páginas web deben verificarse en cuanto a accesibilidad, fuentes, estilo, imágenes, errores ortográficos e información relevante del producto. Un sitio web debe estar equipado con documentos de ayuda relevantes e instalaciones de atención al cliente.

Teniendo en cuenta el aumento de las interfaces basadas en pantallas táctiles, necesitamos validar la accesibilidad tanto de las entradas clave como de las entradas de la pantalla táctil. Del mismo modo, las imágenes y el contenido del sitio web deben validarse para su usabilidad en diferentes tamaños de pantalla (móviles, computadoras portátiles y pestañas, etc.).

¿Se puede acceder al sitio web en diferentes dispositivos que poseen los usuarios finales?

Suponiendo que un rango de usuarios puede acceder a nuestro sitio web con un conjunto diferente de dispositivos, debemos asegurarnos de que el sitio web funcione bien en todos ellos sin ningún problema técnico.

Para garantizar lo mismo, se deben realizar comprobaciones de compatibilidad del sitio web que vienen con Prueba de compatibilidad . Durante las pruebas de compatibilidad de un sitio web, se garantiza que el sitio web funcione bien en diferentes navegadores, sistemas operativos y dispositivos como computadoras portátiles, teléfonos móviles, tabletas, impresoras, etc.

Compatibilidad de navegadores (pruebas entre navegadores):

El sitio web debería funcionar bien con diferentes navegadores como Microsoft Internet Explorer, Microsoft Edge, Firefox, Google Chrome, Safari y Opera. Todas las versiones activas de estos navegadores deben verificarse con las diferentes funciones del navegador activadas / desactivadas.

Además, mientras realiza prueba en varios navegadores , QA también debe verificar el rendimiento óptimo del sitio web en todos los navegadores.

Compatibilidad del sistema operativo (pruebas multiplataforma):

Para identificar posibles problemas de experiencia del usuario, un sitio web debe probarse en varias plataformas como Windows, Linux, Unix.MAC, Solaris, etc. para estar seguro de la compatibilidad del sistema operativo.

Compatibilidad de dispositivos (pruebas entre dispositivos):

Un sitio web se puede navegar a través de diferentes dispositivos como computadoras portátiles, móviles, tabletas, etc. con diferentes sistemas operativos disponibles como iOS, Android, Windows, etc. Por lo tanto, las pruebas deben realizarse en los dispositivos también cubriendo los siguientes escenarios.

  • El tamaño de la pantalla del sitio web debe ser ajustable según el dispositivo
  • Un dispositivo debe incluir rotación de pantalla.
  • El sitio web no debería mostrar ningún problema de carga en diferentes dispositivos con diferentes velocidades de red
  • Verifique el comportamiento del sitio web cuando el dispositivo está dentro o fuera del rango de la red
  • Verifique el comportamiento del sitio web en CPU y memoria bajas para admitir diferentes factores de forma

Para un sitio web de comercio electrónico, la verificación de compatibilidad es uno de los tipos de prueba más importantes. La base de clientes será grande y accederá a nuestro sitio web desde diferentes navegadores, sistemas operativos y dispositivos.

Teniendo en cuenta que las plataformas móviles se están volviendo populares, debemos garantizar la carga del sitio web en un factor de forma pequeño con un tiempo de carga aceptable. También es importante validar el uso de diferentes velocidades de red para garantizar que sea utilizable por todos los clientes.

¿El sitio web está lo suficientemente seguro?

Las pruebas de seguridad se realizan para descubrir vulnerabilidades en un sistema y garantizar que un sitio web esté protegido.

A continuación se muestra la lista de verificación que se puede verificar mientras se realizan las pruebas de seguridad:

  • El sitio web debe ser accesible solo para usuarios autenticados
  • Los usuarios del sitio web deben poder realizar solo aquellas tareas para las que están autorizados
  • El sitio web debe ser verificado para campos CAPTCHA para la identificación del usuario.
  • La configuración de seguridad del navegador debe verificarse al pasar de páginas seguras a páginas inseguras
  • La protección del servidor web debe estar disponible para archivos o directorios web inaccesibles
  • Asegúrese de que los archivos restringidos no se descarguen sin el acceso adecuado
  • Las sesiones que quedaron inactivas deberían eliminarse automáticamente después de un cierto período de tiempo
  • Todos los intentos no válidos y no autorizados de los usuarios finales o los errores / fallas intermitentes del sistema deben registrarse para fines de análisis.

Herramientas como Gestión de vulnerabilidades , Veracode y Mapa SQL se puede utilizar para realizar pruebas de seguridad de su sitio web.

Como parte de las pruebas de seguridad, un sitio web de comercio electrónico debe validarse para

  1. Controles de acceso al sitio web.
  2. Cualquier fuga de información personal del usuario.
  3. Métodos de pago asegurados.

¿Está el rendimiento del sitio web a la altura?

Para comprobar el rendimiento de un sitio web, se pueden realizar pruebas de rendimiento. Evaluará el comportamiento de una aplicación en una variedad de condiciones de carga de trabajo, lo que podría ser un escenario realista. Si el sistema se pone en funcionamiento sin realizar pruebas de rendimiento, puede terminar con problemas como un sistema de funcionamiento lento o poca usabilidad que probablemente afectarán la imagen de la marca y las ventas del mercado.

Un sitio web se puede probar contra carga y estrés.

A continuación se muestra la lista de verificación para las pruebas de rendimiento web:

  • El comportamiento del sitio web debe observarse en condiciones de carga máxima y normal
  • El rendimiento del sitio web debe examinarse midiendo el tiempo de respuesta, la velocidad, la escalabilidad y la utilización de recursos.
  • Se debe realizar un RCA (análisis de causa raíz) adecuado con una solución si un sistema se descompone o se vuelve inestable en cualquier momento
  • Los problemas de latencia de la red deben identificarse si los hubiera

Un sitio web de comercio electrónico debe probarse minuciosamente utilizando un conjunto de usuarios simulados durante las condiciones de carga normales y pico, que pueden ser durante la 'temporada de ofertas'.

Durante la venta se multiplicarían los usuarios que acceden al sitio web. Además, se debe examinar el comportamiento del sitio web mientras varios usuarios concurrentes acceden a los mismos elementos o realizan las mismas acciones (como transacciones o realizar pedidos) en el sitio web.

Hay varias herramientas disponibles en el mercado para realizar pruebas de rendimiento. Pocos de ellos son LoadRunner, WinRunner, Artista de seda, JMeter, etc.

¿Los datos ingresados ​​en un sitio web se almacenan con precisión y persisten entre sesiones?

La base de datos es uno de los componentes críticos de una aplicación web que contiene la información completa ingresada a través de un sitio web. Por lo tanto, para asegurarse de que los datos correctos del usuario se guarden en las tablas de la base de datos sin ninguna manipulación y para mantener la integridad de los datos a continuación, se deben realizar verificaciones.

  • Verifique la coherencia de los datos en la interfaz de usuario, es decir, la interfaz de usuario del sitio web y la base de datos
  • Verifique que las tablas de base de datos se actualicen correctamente siempre que una aplicación de sitio web realice acciones de inserción / actualización / eliminación
  • Verifique el tiempo de respuesta de las consultas técnicas y ajústelas si es necesario
  • Compruebe la conectividad de la base de datos y los permisos de acceso

Como miembro del equipo de control de calidad que prueba el sitio web de comercio electrónico, puede realizar las siguientes actividades y validar los cambios cada vez en las tablas de la base de datos correspondiente. Esto asegurará que la interfaz de usuario y la base de datos del sitio web sean coherentes.

1) Realizar un pedido de un producto.

2) Cancelación de producto.

3) Opte por intercambiar producto.

4) Opte por devolver el producto.

¿El sitio web está bien integrado con otras interfaces en el flujo de trabajo?

Las pruebas de nivel de interfaz se realizan para verificar la interacción fluida del sitio web con diferentes interfaces como el servidor web y el servidor de base de datos.

Durante la prueba de interfaz, el evaluador debe asegurarse de que las solicitudes de la aplicación se envíen correctamente a la base de datos y que la información correcta se muestre al cliente como resultado. Un servidor web no debe generar excepciones de denegación en ningún momento y la base de datos siempre debe estar sincronizada con la aplicación.

¿El sitio web funcionará como se esperaba incluso después de su lanzamiento?

Una vez que un producto se traslada a un entorno de producción, se debe realizar una inspección periódica para controlar el control de calidad.

Se pueden considerar los siguientes escenarios al verificar el producto en producción:

  • Las pruebas de la aplicación web deben ejecutarse periódicamente y los registros de prueba deben guardarse como prueba del cumplimiento del Acuerdo de nivel de servicio (SLA)
  • Los sistemas de escalado automático y los equilibradores de carga deben verificarse si están en su lugar y funcionan
  • Controle las experiencias del usuario final e intente descubrir defectos o ataques maliciosos que generalmente pasan desapercibidos durante las pruebas de control de calidad
  • Supervise el tiempo de respuesta del producto durante las cargas máximas
  • Ejecute casos de prueba de nivel de borde en tiempo real para identificar fallas de red, fallas de conexión o interrupciones por una llamada inesperada

Conclusión

He redactado este tutorial detallado con mis años de experiencia probando los diferentes sitios web.

Espero que este artículo le ayude a comprender las diferentes facetas de las pruebas de aplicaciones web. La próxima vez que se siente a escribir un plan de prueba para su sitio web, recuerde validar varios aspectos más allá de la funcionalidad del sitio web.

¡Espero que este artículo haya sido informativo para ti!

Lectura recomendada

^