Utilizar automatización móvil para una aplicación de banca móvil

En este tutorial, exploramos cómo utilizar el paquete de automatización móvil para automatizar tareas dentro de una aplicación de banca móvil. El tutorial utiliza el simulador de banca móvil proporcionado por Bank of America y un emulador de Google Pixel de Sauce Labs. Nos centraremos específicamente en automatizar y probar las siguientes acciones:

1. Iniciar sesión en la aplicación.
2. Implementar un bloqueo de tarjeta de débito.
3. Ver una reclamación y hacer una captura de pantalla.

El tutorial ofrece instrucciones sobre cómo utilizar tanto actividades como API para automatizar estos escenarios.

Requisitos previos

Para utilizar el dispositivo móvil y la aplicación deseados, tenemos que crearlos primero en el Administrador de Dispositivos Móviles (MDM), de la siguiente manera:

1. Añade un dispositivo de Sauce Labs en el MDM.

   Para obtener más información sobre la adición de dispositivos, consulta Añadir un dispositivo de Sauce Labs.

2. Añade el simulador de banca móvil de Bank of America en MDM.

   Para obtener más información sobre la adición de aplicaciones, consulta Añadir aplicaciones.

Proyecto de ejemplo

Para seguir los pasos y probar el tutorial tú mismo, consulta el siguiente proyecto de ejemplo: Simulador de banca móvil.

Utilizar actividades

En este ejemplo, utilizamos elementos del repositorio de objetos como elementos de IU de entrada a las actividades. Para crear elementos de interfaz de usuario para móviles, establece una conexión en el Administrador de dispositivos móviles (MDM) entre el dispositivo de destino y la aplicación. A continuación, directamente en el panel Repositorio de objetos, crea cada elemento y utiliza Indicar elemento para indicar el elemento de IU concreto en el dispositivo MDM.

Para seguir fácilmente el tutorial, consulta la siguiente lista para la estructura del repositorio de objetos:

• Aplicación BankOfAmerica, menú MobileScreen
  • backFromClaimDetails
  • backFromClaimStatus
  • BackToMenu
  • firstClaimSeeDetails
  • Lock
  • LockCard
  • Login
  • ManageDebitCredit
  • Menú
  • Contraseña
  • swipeMenu
  • ID de usuario
  • viewmyclaims

Consejo: como alternativa, puedes crear un flujo de trabajo similar utilizando acciones registradas. Este proceso implica crear una conexión entre tu dispositivo y la aplicación a través del Administrador de dispositivos móviles (MDM), realizar una serie de acciones en esta conexión y luego importar estos pasos en una secuencia. Para obtener más información, consulta Crear flujo de trabajo utilizando acciones de grabador.

Pasos

1. Establece una conexión entre el dispositivo y la aplicación:
   1. Añade una actividad de conexión de dispositivo móvil.
   2. Utiliza Seleccionar detalles de conexión para conectar el dispositivo móvil y la aplicación creados anteriormente.
2. Iniciar sesión en la aplicación móvil:
   1. Añade una actividad de toque para seleccionar el campo ID de usuario, para que puedas introducir un nombre de usuario.
   2. Añade una actividad establecer texto para introducir el nombre de usuario dentro del campo ID de usuario.
   3. Añade una actividad de toque para seleccionar el campo Contraseña, para que puedas introducir la contraseña.
   4. Añade una actividad establecer texto para introducir la contraseña correspondiente.
   5. Utiliza una actividad de toque para seleccionar el botón Iniciar sesión.
   Figura 1. Las primeras actividades como parte del inicio de sesión en la aplicación
   

   

   
   
3. Bloquear una tarjeta de débito o crédito:
   1. Añade una actividad de toque para navegar al menú de la aplicación de banca móvil.
   2. Añade una actividad de Deslizar para deslizarse hacia abajo en el menú.

      El objetivo es deslizarse hasta encontrar la sección Gestionar débito/crédito.

   3. Añade una actividad de toque para seleccionar la sección Gestionar débito/crédito.
   4. Añade una actividad de toque para seleccionar el icono de bloqueo para la primera tarjeta que se muestra.
   5. Añade una actividad de deslizar para deslizarse hacia abajo en la notificación de la tarjeta de bloqueo.

      Esta acción te permite confirmar la acción seleccionando Bloquear tarjeta.

   6. Añade una actividad de toque para seleccionar Bloquear tarjeta.
   Figura 2. Actividades utilizadas para bloquear la tarjeta de débito
   

   

   
   
4. Hacer una captura de pantalla de una reclamación:
   1. Añade una actividad de toque para seleccionar el botón atrás y volver al menú principal.
   2. Añade una actividad de deslizar para deslizarse hacia abajo en el menú principal, hasta que aparezca la sección Ver mis reclamaciones.
   3. Utiliza una actividad de toque para seleccionar la sección Ver mis reclamaciones.
   4. Añade una actividad de toque para seleccionar Ver detalles para la primera reclamación.
   5. Utiliza la API TakeScreenshot para hacer una captura de pantalla de los detalles de la primera reclamación.
   Figura 3. Actividades que se utilizan para hacer una captura de pantalla de una reclamación
   

   

   
   
5. Finalmente, después de tomar la captura de pantalla, volvemos al menú principal de la aplicación, utilizando la actividad Tocar para seleccionar dos veces el elemento de IU Volver.

Usar automatización codificada

Requisitos previos

Para automatizar una aplicación móvil utilizando API, graba los elementos móviles de la aplicación dentro del repositorio de objetos del proyecto. Para este ejemplo, creamos una aplicación de Bank of America con una PantallaMóvil general, que contiene todos los elementos de interfaz de usuario que utilizamos para automatizar. Para crear elementos de interfaz de usuario para móviles, establece una conexión en el Administrador de dispositivos móviles (MDM) entre el dispositivo de destino y la aplicación. A continuación, directamente en el panel Repositorio de objetos, crea cada elemento y utiliza Indicar elemento para indicar el elemento de IU concreto en el dispositivo MDM.

Consulta la siguiente lista para la estructura del repositorio de objetos:

• Aplicación BankOfAmerica, menú MobileScreen
  • backFromClaimDetails
  • backFromClaimStatus
  • BackToMenu
  • firstClaimSeeDetails
  • Lock
  • LockCard
  • Login
  • ManageDebitCredit
  • Menú
  • Contraseña
  • swipeMenu
  • ID de usuario
  • viewmyclaims

Pasos

1. Establece una conexión entre el dispositivo y la aplicación:
   1. Crea una variable de tipo Connection, utilizando la API Connect, con la segunda versión de sobrecarga.

      Para esta sobrecarga, introduce el nombre del dispositivo y el nombre de la aplicación como cadenas, para establecer la conexión.

      [TestCase]
              public void Execute()
              {
                  Connection connection = mobile.Connect(
                  "Android mobile device", 
                  "BankOfAmericaSimulator");
      
                  Log("Connection established");

2. Opcionalmente, para fines de depuración, puedes añadir un mensaje Log después de la conexión.
3. Iniciar sesión en la aplicación móvil:
   1. Llama a la API Tap para hacer clic en el campo ID de usuario.

      Esta acción te permite introducir el nombre de usuario.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.UserId);

   2. Utiliza la API SetText para introducir un nombre de usuario en el campo ID de usuario.

      connection.SetText(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.UserId, 
          "[e-mail]", 
          MobileOptions.SetText().WithSendNewline(false));

   3. Llama a la API Tap para seleccionar el campo Contraseña para poder introducir la contraseña.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Password);

   4. Utiliza la API Set Text para introducir una contraseña en el campo Contraseña.
      El método WithSendNewLine(false) garantiza que el elemento OK del teclado no se presione en el dispositivo móvil después de enviar el texto.Para obtener más información sobre las opciones disponibles de la API Set Text, consulta Clase MobileOptions.SetTextOptions.

      connection.SetText(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Password, "abcde", MobileOptions.SetText().WithSendNewline(false));

   5. Emplea la API Tap para seleccionar Inicio de sesión.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Login);

4. Bloquear una tarjeta de débito o crédito:
   1. Navega al menú de la aplicación de banca móvil, utilizando la API Tap:

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Menu);

   2. Desliza hacia abajo en el menú, utilizando la API Swipe.

      El objetivo es deslizarse hasta encontrar la sección Gestionar débito/crédito.

      connection.Swipe(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.swipeMenu, 
          ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.ManageDebitCredit, 
          SwipeDirection.Down,     
          4);

   3. Selecciona la sección Gestionar débito/crédito utilizando la API Tap.
      El método WithTimeout() permite a la API hacer una pausa durante un número predeterminado de segundos.Esta pausa dura hasta que aparece el elemento de IU de destino o se produce un error.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.ManageDebitCredit, TapTypeEnum.Single, MobileOptions.Tap().WithTimeout(120));

   4. Para la primera tarjeta que se muestra, selecciona el icono de bloqueo utilizando la API Tap.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Lock);

   5. Desliza el dedo hacia abajo en el aviso de la tarjeta de bloqueo, utilizando la API Directional Swipe, para que podamos confirmar la acción seleccionando Bloquear tarjeta.

      connection.DirectionalSwipe(SwipeDirection.Down);

   6. Selecciona Bloquear tarjeta utilizando la API Tap.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.LockCard);

5. Hacer una captura de pantalla de una reclamación.
   1. Vuelve al menú principal, utilizando la API Tap y el icono de retroceso.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.BackToMenu);

   2. Desliza hacia abajo en el menú principal, hasta que aparezca la sección Ver mis reclamaciones.
      Para este paso, utilizamos la API Swipe, esta vez empleando la sexta sobrecarga. Esta sobrecarga requiere un IElementDescriptor para el contenedor de deslizamiento y un SelectorTarget para el elemento de IU de destino.
      Primero creamos una variable SelectorTarget para la sección Ver mis reclamaciones y luego empleamos la API Swipe.
      1. Abre el MDM y crea la conexión entre el dispositivo móvil y la aplicación.
      2. Ve al repositorio de objetos y crea un nuevo elemento para la pantalla móvil.
      3. Selecciona Indicar elemento.
      4. En el menú de opciones de selección, copia el control web identificado por los selectores.

         Para esta aplicación de banca móvil, debes asegurarte de que selectores WebView como selectores nativos se seleccionen como opción de selección.

      5. Vuelve al editor de código y crea una variable de tipo SelectorTarget. Utiliza el método MobileTarget.FromSelector que requiere como argumento el control web que copiaste anteriormente.

         SelectorTarget viewMyClaimsTarget = MobileTarget.FromSelector("<mbl android:className='android.widget.TextView' text='View My Claims' />");

      6. Utiliza la API Swipe, con la variable SelectorTarget, para finalizar la acción de deslizamiento hacia abajo.

         connection.Swipe(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.swipeMenu, viewMyClaimsTarget, SwipeDirection.Down, 20);

   3. Pulsa la sección Ver mis reclamaciones.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.viewmyclaims);

   4. Pulsa Ver detalles para la primera reclamación.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.firstClaimSeeDetails);

   5. Utiliza la API TakeScreenshot para hacer una captura de pantalla de los detalles de la primera reclamación.

      connection.TakeScreenshot();

6. Finalmente, después de hacer la captura de pantalla, volvemos al menú principal de la aplicación, tocando dos veces el elemento de IU Volver.

   connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.backFromClaimDetails);
       connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.backFromClaimStatus);