Menú

Qué son las pruebas entre navegadores y cómo realizarlas: una guía completa

what is cross browser testing

Pruebe Nuestro Instrumento Para Eliminar Los Problemas

Una guía completa para principiantes sobre pruebas entre navegadores:

Cross Browser Testing es un tipo de prueba para verificar si una aplicación funciona en diferentes navegadores como se espera y se degrada correctamente. Es el proceso de verificar la compatibilidad de su aplicación con diferentes navegadores.

Muchas veces, he encontrado un problema con un sitio web y, al llamar al soporte técnico, simplemente me dicen que lo pruebe en otro navegador. Cuando lo hago, funciona y termino sintiéndome como un idiota total, a pesar de que me gano la vida trabajando en la industria del software.

Apuesto a que esto les ha pasado a todos ustedes, ¿no es así?

Consejos para realizar pruebas en varios navegadores

Siempre termino pensando '¿por qué no pensé en eso?' Pero créame, con el tiempo me he dado cuenta de que no es mi culpa; es solo que el sitio web no se ha probado exhaustivamente con respecto a las pruebas de compatibilidad entre navegadores y, como usuario final, acabo de encontrar un error.

Lo que vas a aprender:

Introducción

Todos podríamos haber observado que algunos sitios web no se muestran correctamente en algunos navegadores y simplemente pensamos que el sitio web no funciona. Pero, tan pronto como lo abra en un navegador diferente, el sitio web se abre sin problemas. Por tanto, este comportamiento explica la compatibilidad de un sitio web con diferentes navegadores.

Cada navegador interpreta la información en la página del sitio web de manera diferente. Por lo tanto, algunos navegadores pueden carecer de las funciones que su sitio web está tratando de mostrar y hacer que su sitio web parezca roto en ese navegador.

Por ejemplo , como se muestra a continuación, los errores de los formularios de registro no son los mismos en ambos navegadores. Además, el color del texto, la fuente, etc., también son diferentes si los observa de cerca.

Prueba de navegador cruzado

Con el avance de la tecnología, hay varias opciones disponibles para los navegadores, y no es suficiente para que un sitio web funcione en uno de los navegadores.

Los usuarios no deben estar restringidos a usar ningún navegador específico para acceder a su aplicación. Por lo tanto, es necesario probar la compatibilidad de su sitio web con diferentes navegadores. Algunos de los navegadores más utilizados incluyen Chrome, Safari, Firefox, Internet Explorer, etc.

navegadores

Siendo esa la historia de fondo, apuesto a que todos han resuelto el tema de la discusión de hoy: Pruebas de navegador cruzado.

Como es una práctica general en STH, nos centraremos en lo básico. Creemos que cualquier concepto tendrá mucho sentido cuando hagamos las preguntas básicas con palabras como: “Qué, por qué, cómo, quién, cuándo, dónde”.

Hagámoslo sobre la marcha.

¿Qué son las pruebas de navegador cruzado?

#1) Las pruebas en varios navegadores son simplemente lo que significa su nombre, es decir, probar su sitio web o aplicación en varios navegadores, y asegurarse de que funcione de manera coherente y según lo previsto, sin dependencias ni comprometer la calidad.

#2) Esto es aplicable a ambos web y aplicaciones móviles .

# 3) ¿Qué tipo de aplicaciones se someten a esto? - Las aplicaciones orientadas al cliente son la mejor opción. En este punto, podría preguntarse: '¿No todas las aplicaciones están orientadas al cliente?' Bueno, sí. Son. Sin embargo, veamos un ejemplo.

Aplicación 1: Una aplicación desarrollada para que una empresa realice un seguimiento interno de su inventario
Aplicación 2: Esto es para que los usuarios finales compren productos de esta empresa.

  • Es evidente que la mejor idea sería probar la Aplicación 2 para las pruebas de compatibilidad del navegador, ya que es imposible controlar qué navegadores / plataformas / versiones va a utilizar el usuario final.
  • Por otro lado, si todas las computadoras internas de la empresa usan máquinas con Windows 8 con el navegador Chrome, entonces no hay necesidad de buscar o probar nada más con respecto a la Aplicación 1.

¿Por qué se realiza?

De hecho, ¿por qué se realiza algún tipo de prueba?

  • Saber qué está mal y poder solucionarlo.
  • Para mejorar la eficiencia y la experiencia del usuario y, por tanto, el negocio.
  • Estar informado de posibles peligros

Pero específicamente, si pensamos: ¿Cuál es la intención de las pruebas en varios navegadores? - Esto es doble.

  1. La interpretación o apariencia de la página en diferentes navegadores: es la misma, es diferente, si una es mejor que la otra, etc.
  2. La funcionalidad y el funcionamiento de la misma. (¡Por supuesto!)

¿Quién realiza esta prueba?

  • ¿Estás pensando: 'Hay un millón de navegadores, versiones y plataformas, cuáles elegir?' - Afortunadamente, esta no es una decisión que sea responsabilidad del evaluador. El cliente, el equipo de análisis empresarial y los equipos de marketing tienen un papel importante en esta decisión. Además, las empresas recopilan estadísticas de uso / tráfico para delimitar qué navegadores, entornos y dispositivos se utilizan principalmente.
  • Todo el equipo del proyecto debe tener un interés, tiempo, dinero e infraestructura invertidos para respaldar este esfuerzo.
  • El equipo de control de calidad puede participar en este proceso o puede ser el equipo de diseño que esté interesado en saber cómo le va a la aplicación en varios navegadores.
  • Ya sea que lo realice QA o cualquier otro equipo, los resultados son interpretados por los equipos de diseño y desarrollo y se realizan los cambios relevantes.

¿Cómo realizar pruebas en varios navegadores?

¡Ahora estamos hablando!

Lo primero es lo primero: ¿se hace manualmente o con una herramienta?

Seguramente se puede hacer manualmente: múltiples máquinas, múltiples sistemas operativos, múltiples navegadores, múltiples máquinas y, pero claramente, esto conduce a múltiples problemas, múltiples inversiones y múltiples desafíos.

Tipos de pruebas de navegador cruzado

Método manual

En este caso, una empresa identifica los navegadores que la aplicación debe admitir. Luego, los evaluadores vuelven a ejecutar los mismos casos de prueba utilizando diferentes navegadores y observan el comportamiento de la aplicación e informan los errores, si los hay.

En este tipo de prueba, no es posible cubrir muchos navegadores y, además, es posible que la aplicación no se pruebe en las principales versiones de navegadores.

Además, realizar la comprobación en varios navegadores manualmente es costoso y también requiere mucho tiempo.

Método automatizado

Las pruebas en varios navegadores básicamente ejecutan el mismo conjunto de casos de prueba varias veces en diferentes navegadores.

preguntas de la entrevista de prueba de servicios web restful

Este tipo de tarea repetida es más adecuado para la automatización. Por lo tanto, es más rentable y rentable realizar estas pruebas utilizando herramientas.

Por lo tanto, hay muchas herramientas disponibles en el mercado para facilitar esto.

Las herramientas nos ayudan con uno o más o todos los siguientes, según la herramienta en sí y los tipos de licencia:

  1. Proporcionan una VPN (máquina virtual privada) con la que puede conectarse a máquinas remotas y verificar el funcionamiento y la reproducción de sus páginas JAVA, AJAX, HTML, Flash y otras. La mayoría de estos son seguros, pero como está enviando su información a un tercero, se recomienda un cierto análisis a discreción.
  2. Se proporcionan capturas de pantalla para las páginas y enlaces enviados de cómo aparecen en varios navegadores. Esto es, por supuesto, estático.
  3. Se sincronizan varios navegadores con respecto a las operaciones realizadas en uno y los resultados se presentan según el navegador.
  4. Muestre la interpretación de una página en múltiples resoluciones de pantalla
  5. Cuando se encuentra un problema, se graba un video o capturas de pantalla para transportar el problema para un análisis más detallado.
  6. El soporte generalmente está disponible para aplicaciones web y móviles
  7. También se pueden probar las páginas privadas que requieren autenticación para acceder
  8. Lo local, dentro de una red privada / páginas de firewall, también se puede probar

Herramientas recomendadas

# 1) Prueba Lambda

Logotipo de LambdaTest

LambdaTest es una plataforma de prueba de navegador cruzado basada en la nube que utiliza qué usuario puede realizar pruebas de compatibilidad automáticas y manuales de su sitio web o aplicación web en una combinación de más de 2000 navegadores y sistemas operativos diferentes.

Los usuarios pueden ejecutar pruebas de automatización de Selenium en una cuadrícula de Selenium escalable, segura y confiable basada en la nube y realizar pruebas interactivas en vivo entre navegadores de sus sitios web y aplicaciones web públicos o alojados localmente en la nube.

=> Visite el sitio web de LambdaTest

# 2) Pruebas entre navegadores

CrossBrowserTesting

CrossBrowserTesting es proporcionado por la compañía llamada SmartBear. CrossBrowserTesting le permite hacer que cada experiencia web sea perfecta, en cualquier navegador o dispositivo móvil con su laboratorio de dispositivo real basado en la nube. Deshágase de sus VM y laboratorio de dispositivos. Ejecute fácilmente pruebas manuales, visuales y de Selenium en la nube en más de 2050 navegadores de escritorio y móviles reales.

¿Quiere acelerar sus pruebas como usuario no técnico? Consulte su función Record & Replay, que le permite grabar una prueba en vivo y ejecutar esa prueba grabada en paralelo.

=> Visite el sitio web de CrossBrowserTesting

# 3) Selenio

Logotipo de selenio

El selenio es bien conocido por las pruebas automatizadas de las aplicaciones basadas en web. Con solo cambiar el navegador que se usará para ejecutar los casos de prueba, el selenio hace que sea muy fácil ejecutar los mismos casos de prueba varias veces utilizando diferentes navegadores.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack es una plataforma de prueba web y móvil basada en la nube que permite probar aplicaciones en navegadores bajo demanda, sistemas operativos y dispositivos móviles reales.

# 5) Navegación

Es un servicio interactivo en vivo que proporciona pruebas sin esfuerzo para desarrolladores y diseñadores web.

Existen diferentes navegadores y sistemas operativos, y el Navegador proporciona acceso rápido a todos los navegadores más populares en los sistemas operativos más populares.

=> Lectura adicional: Lista completa de herramientas de prueba entre navegadores

¿Cuándo comenzar esta prueba?

El momento para iniciar la prueba entre navegadores depende completamente de su metodología de prueba y su cronograma de prueba.

Esta prueba se puede realizar:

# 1) Tan pronto como sea posible:

Inicie esta prueba incluso cuando una sola página esté lista para la prueba.

Pruebe esa página en cada navegador. Cuando la página siguiente esté disponible, pruébelo también en varios navegadores. Esto aumentará los esfuerzos, pero ayudará a corregir los errores lo antes posible en el ciclo de vida. Por lo tanto, corregir errores, en este caso, es mucho más rentable.

usando expresiones regulares en c ++

# 2) Cuando la solicitud esté completa:

Inicie esta prueba cuando se complete el desarrollo de la aplicación.

Esto probará la aplicación como un todo en diferentes navegadores. Corregir los errores no será tan rentable como en el caso anterior, pero aún así ayudará a corregir los errores antes de lanzar la aplicación a los usuarios.

# 3) Cuando se lanza la aplicación:

Este es el momento menos favorecido para realizar una prueba de navegador cruzado para su aplicación. Pero es mejor hacerlo que no hacerlo y dejar que los usuarios finales tengan una mala experiencia.

Una vez que se lanza la aplicación para los usuarios finales, esta prueba se puede realizar y los errores se pueden corregir como parte de las solicitudes de cambio en la aplicación. Esto es muy costoso y requiere múltiples implementaciones dependiendo de las correcciones de errores.

Las pruebas rigurosas entre navegadores solo se pueden realizar cuando los miembros del equipo de pruebas que tienen conocimiento de las herramientas realizan estas pruebas. Los usuarios comerciales o incluso los desarrolladores también pueden realizar la comprobación de alto nivel o algunos navegadores específicos.

Esta prueba implica probar la aplicación a fondo utilizando diferentes navegadores. Las pruebas exhaustivas incluyen pruebas funcionales y no funcionales de la aplicación.

En la mayoría de las empresas, un equipo de producto tiene equipos separados para pruebas funcionales y no funcionales. Por lo tanto, esta prueba debe ser realizada por el equipo o los equipos responsables de las pruebas funcionales y no funcionales de la aplicación.

Para esta prueba, un evaluador necesita los navegadores en los que se debe probar la aplicación.

Estos navegadores se pueden proporcionar al evaluador como:

  • Instalado localmente en la máquina del probador.
  • Una máquina virtual o diferentes máquinas a las que tiene acceso un evaluador.
  • Herramientas que proporcionan sus propios navegadores y sus versiones para realizar pruebas.
  • En la nube: para que varios probadores puedan utilizar los navegadores cuando sea necesario.

Esta prueba es independiente de los entornos de implementación. Por lo tanto, se puede realizar en entornos de desarrollo, pruebas, control de calidad o incluso producción, dependiendo de la disponibilidad de la aplicación en cada uno de estos entornos.

¿Qué probar?

  1. Funcionalidad básica: Enlaces, diálogos, menús, etc.
  2. Interfaz gráfica del usuario: Apariencia de la aplicación.
  3. Respuesta: Qué tan bien responde la aplicación a las acciones del usuario.
  4. Rendimiento: Carga de las páginas dentro del plazo permitido.

Si su aplicación funciona bien en un navegador, eso no significa que también funcionará bien en los otros navegadores. Por lo tanto, esta prueba le ayuda a garantizar que una aplicación se ejecute en diferentes navegadores sin errores.

Para identificar qué se rompe en qué navegador y arreglar el sitio web en consecuencia, debemos realizar esta prueba. Si un navegador no es compatible, los usuarios pueden estar fácilmente informados al respecto.

Para resumir 'cómo' realizar pruebas en varios navegadores

#1. Las estadísticas de tráfico ayudan a determinar qué navegadores probar.

#2. Se debe realizar un análisis detallado en el AUT (Aplicación bajo prueba) en sí para determinar qué partes de la aplicación o si toda ella debe someterse a esto. Es aconsejable que todo se pruebe en varios navegadores, pero nuevamente se deben considerar los costos y el tiempo. Una buena estrategia es realizar pruebas al 100% en un navegador por plataforma y, para el otro, solo probar la funcionalidad más crítica / ampliamente utilizada.

#3. Una vez que se toma la decisión de “Qué” probar y “Dónde (navegadores)” (se deben tomar las decisiones de infraestructura), adquirimos las herramientas o lo hacemos manualmente, etc. Nuevamente, se debe considerar el costo. La viabilidad, los riesgos, las preocupaciones de seguridad, las personas involucradas, el tiempo, los criterios de aceptación, los cronogramas / procesos de resolución de problemas / defectos son algunas de las cosas que deben abordarse.

#4. Realice la prueba. Los casos de prueba de pruebas funcionales regulares se pueden utilizar para validar la eficiencia del sistema. Para los casos de prueba de apariencia y reproducción no son necesarios.

La operación de la que hablaba al principio de este artículo que me falló fue una transferencia bancaria online. Inicié sesión en mi cuenta bancaria, elegí la cantidad para transferir como aproximadamente un lakh e intenté realizar la transferencia y aparecía un error de servlet sin importar cuántas veces lo intenté.

Entonces, si se elige la operación de transferencia para las pruebas de compatibilidad del navegador, así es como se verá el script de prueba.

  1. Inicie sesión en la cuenta bancaria en línea
  2. Seleccione la cuenta desde la que se realizará la transferencia
  3. Ingrese el monto de la transferencia: 100,000
  4. Seleccione beneficiario y haga clic en 'Transferir'
  5. Resultado esperado: la transferencia debe realizarse correctamente
  6. Esto simplemente se ejecutará en todos los navegadores elegidos.

Nuevamente, tenga en cuenta que esto no se ve diferente a un caso de prueba funcional. Consulte este artículo de pruebas no funcionales para obtener más información al respecto.

#5. Informe los resultados al equipo de diseño, si no participaron en el proceso de prueba. Sigue el cambio.

¿Cuándo es el mejor momento para hacer esto?

Cualquier prueba obtiene los mejores beneficios cuando se realiza desde el principio. Por lo tanto, la recomendación de la industria es comenzar tan pronto como los diseños de página estén disponibles.

Pero también se puede realizar cuando el sitio está completamente integrado y es funcional.

Si ha perdido el autobús al realizar la prueba en varios navegadores durante las fases de diseño, desarrollo y control de calidad, aún se puede hacer mientras la aplicación está en producción. Sin embargo, este es el más costoso de todos y también riesgoso.

¿Dónde se realizan las pruebas de compatibilidad del navegador?

Por lo general, la respuesta a esta pregunta sería una de las siguientes: Entornos de desarrollo / control de calidad / producción . Pero para la verificación entre navegadores, esto no es definitivo e irrelevante (si se me permite decirlo). Se puede realizar en cualquiera de ellos o en todos.

Conclusión

Algunos puntos a tener en cuenta,

  • Habiendo sido profesor de control de calidad por un tiempo, puedo decir lo que vendrá después y esa es la pregunta: ¿son pruebas funcionales y no funcionales? Creo que no es ninguno y ambos.
  • Tampoco debe confundirse con Multiplataforma testing, que está probando su aplicación en múltiples entornos de destino como Windows, Linux, Mac, etc. Aunque a veces los dos tienen que integrarse juntos, ya que algunas de las versiones anteriores del navegador pueden ser compatibles solo con las versiones anteriores de las plataformas.
  • También es un proceso continuo, ya que los entornos de software, los navegadores y los dispositivos evolucionan todos los días y para asegurarse de que no haya sorpresas desagradables, esta prueba de navegador debe agregarse al repertorio de suites de regresión.

Como sabe, todos y cada uno de los tipos de pruebas ayudan a mejorar la calidad de la aplicación, al igual que la prueba entre navegadores.

Las pruebas en varios navegadores ayudan a crear una buena impresión en los usuarios al proporcionarles una experiencia coherente en toda la aplicación, independientemente del navegador o sistema operativo.

La corrección de errores es rentable durante las primeras etapas del ciclo de vida del desarrollo, y lo mismo se aplica a los defectos encontrados como parte de estas pruebas.

Esta prueba ayuda a mejorar su negocio, lo que a su vez da como resultado Clientes felices, ¡Feliz usted!

Este es otro testimonio más del concepto de que el campo de control de calidad o las pruebas de software son un campo multidimensional y hay algo en lo que todos pueden sobresalir.

Publique sus comentarios y preguntas a continuación. ¡Siempre estamos encantados de saber de ti!

Lectura recomendada

^