La comodidad es algo con lo que nunca podemos estar completamente satisfechos. Por eso, los desarrolladores de software siempre se ven obligados a superar sus límites para crear una mejor experiencia de usuario, sin comprometer la funcionalidad. Todo por salvar el churn en el negocio competitivo de hoy en día. La gente quiere comodidad y por eso las aplicaciones híbridas han sido bien recibidas.

¿Qué tienen de único las aplicaciones híbridas?

Aplicaciones híbridas

Como su nombre indica, son una mezcla de aplicaciones nativas y web. Están disponibles en las tiendas de aplicaciones para su descarga y requieren autenticación de acceso desde el dispositivo como las apps nativas, pero también tienen un navegador incrustado en la aplicación (WebView) para renderizar HTML. Instagram es un buen ejemplo de aplicación híbrida.

¿Recuerdas la época en la que, para acceder a cualquier enlace de terceros, lo abríamos en un nuevo navegador en el dispositivo, resultando en desplazarnos fuera de la aplicación que queríamos utilizar? Esto era un desastre para la UX, que se resolvió con la creación de una ventana de navegador in-app para facilitar las páginas web de terceros como parte del diseño de la actividad. Por qué necesitas WebViews?

• Proporcionan un mejor control sobre la interfaz de usuario de tu aplicación.
• No tienes que actualizar toda la aplicación si sólo quieres actualizar el contenido de la misma, si, por ejemplo, quieres publicitar una próxima venta en tu aplicación o alguna otra oferta interesante.
• No se le empuja a otra aplicación de terceros, sino que se le redirige a un navegador dentro de la aplicación que extrae el contenido de la web por usted. Esto proporciona la comodidad de permanecer en la aplicación prevista. Por ejemplo, en Instagram, cuando tienes que deslizarte hacia arriba en algunas historias, se te redirige a una página web a través de un navegador de la aplicación, en lugar de abrir el contenido en Chrome, Safari, Firefox o cualquier otro navegador. Puedes navegar libremente por el contenido en la página web redirigida desplazándote hacia arriba/abajo, acercando/alejando el zoom o buscando un texto.
• WebViews permiten el desarrollo multiplataforma, lo que resulta en un menor coste de desarrollo y flexibilidad para el desarrollador. Nota: Sin embargo, no podemos hacer que una sola compilación de una aplicación funcione en varios sistemas operativos. Sólo podemos facilitar el desarrollo de otra compilación con la ayuda de extensiones web a través de HTML, CSS, JavaScript, etc.
• Las empresas a menudo tienen como objetivo construir una aplicación envolvente de una aplicación web existente. Al hacerlo, las empresas pretenden crear una presencia en las tiendas de aplicaciones con un esfuerzo comparativamente menor. Además, los frameworks como Ionic permiten añadir una aplicación a la tienda de aplicaciones y desplegarla en la web móvil como una PWA.

Para generar una WebView, un desarrollador necesita:

• Desarrollar una instancia de una clase webview.
• Embocar un navegador en su aplicación.
• Añadir funcionalidades de navegador con la ayuda de una librería WebView.
• Añadir permiso de Internet en el archivo Manifest de Android.
• Añadir el código para que WebView abra un navegador in-app.

Pruebas de WebView – Se refiere a la creación y ejecución de casos de prueba para comprobar los mecanismos de funcionamiento efectivo de WebViews.

Tenga en cuenta lo siguiente mientras prueba los WebViews:

• Verifique si la aplicación responde de acuerdo con su comportamiento previsto interrumpiendo la carga de la página web.
• Si su contenido incluye direcciones de correo electrónico con hipervínculos en el WebView, entonces asegúrese de que esos hipervínculos están abriendo la aplicación de correo en su dispositivo cuando se toca.
• Pruebe un número de teléfono con hipervínculos de manera similar – ¿está dirigiendo al usuario a marcar la aplicación o no? Además, ¿cómo responde ese hipervínculo si no hay una tarjeta SIM insertada en el dispositivo?
• Prueba la respuesta de WebView en diferentes modos de red – 2G, 3G, WiFi, LTE.
• También hay que probar los caracteres especiales. Junto con el acercamiento/alejamiento, la navegación por el contenido web desplazándose hacia arriba/abajo o la navegación por la pantalla desplazándose hacia la izquierda/derecha.
• Pruebe la tolerancia de WebView frente a factores externos como SMS, caída de señal, notificaciones, llamadas, etc.
• Pruebe el comportamiento de su aplicación cuando se lanza una aplicación externa a través de un hipervínculo desde su contenido web.
• Varía la orientación de tu dispositivo y prueba que tu contenido web es capaz de soportarlos.
• Prueba si la visualización de los gráficos es satisfactoria.
• Comprime la ventana del navegador y comprueba si el texto se está comprimiendo adecuadamente.
• Una plataforma cross-browser será muy útil para probar los consejos antes mencionados para probar. También proporcionará una idea en cuanto a cómo su WebView está siendo retratado a la audiencia objetivo.

Cómo realizar pruebas de WebView

Espresso Web para Android WebView – Esta herramienta ayuda en el examen y el control del comportamiento de los componentes de la interfaz de usuario WebView mediante la reutilización de los átomos de la API WebDriver. Es una de las herramientas más utilizadas para probar aplicaciones híbridas. Es necesaria para comprobar la integración de los componentes de interfaz de usuario nativos de una aplicación y sus componentes de interfaz de usuario WebView.

Antes de utilizar Espresso Web, es necesario analizar a fondo el código fuente de su sitio web para determinar los ganchos de sus métodos. Por ello, podría llegar a ser muy complejo para sitios web de gran tamaño.

Enfoque alternativo

Un enfoque diferente implicaría olvidarse del código de terceros y centrarse únicamente en el código basado en Android. Básicamente, una WebView mapea elementos de un sitio web; permitiendo al usuario interactuar con ellos a través de los objetos Android View y sus extensiones. Estas vistas no tienen un ID que las haga inaccesibles con findViewById(int id), ni puedes acceder a estos IDs en tu paquete de aplicaciones.

Eso no significa que no puedas rastrearlas. Usted puede con la ayuda de Android Device Monitor, una herramienta independiente para proporcionar una interfaz de usuario para ayudar a múltiples herramientas para el análisis y la depuración de aplicaciones Android.

• Tiene que tomar una instantánea de cada pantalla en el emulador con el Android Device Monitor.
• Obtener una idea de cómo los WebViews están estructurados internamente.
• Realizar acciones en ellos con la ayuda de UiAutomator.