Featured image of post 045 - Android: Proyecto Android Barista (I).

045 - Android: Proyecto Android Barista (I).

¡Hola a todos!

Antes de seguir avanzando en las pruebas de automatización móvil, debemos tener alguna base (aplicación) para poder probar. ¡Comenzamos!


URL Repositorio: https://github.com/estefafdez/AndroidBaristaProject


Logo de Android junto al logo de Barista (una máquina de café).

¿Por qué surgió este proyecto?

Este proyecto surge, en primer lugar, para aprender y mejorar mis conocimientos de Android con Android Studio y después para crear una aplicación básica para poder hacer pruebas tanto con Appium, Espresso o Barista.

¿Qué puedo encontrar en este proyecto?

Este proyecto contiene una aplicación muy básica de Android con varios TextView y EditView, además de varios botones y otras funcionalidades simples, como, por ejemplo un Toast.

La lógica que nos vamos a encontrar es muy simple, además encontraremos test de UI desarrollados con Barista, que explicaremos en la siguiente entrada.

¿Cómo puedo empezar a usar este proyecto y generar una aplicación Android para probar?

Vamos a empezar paso a paso, lo primero que debemos hacer es instalar Android Studio y utilizar una aplicación ya hecha.

Instalar Android Studio y el SDK de Android.

Para instalar Android Studio tendremos que seguir la guía paso a paso que nos publica Google en la siguiente web:

https://developer.android.com/studio/install

En esta página podremos encontrar cómo instalar Android Studio tanto en Windows, Mac y Linux. Nosotros haremos esta prueba en MacOS Mojave (10.14).

Descargar el proyecto de Github.

Una vez que tengamos el Android Studio instalado, antes de abrirlo, descargaremos el proyecto de Android Barista para tener nuestro primer proyecto Android que podamos abrir y ejecutar.

Para ello debemos irnos al siguiente repositorio de Github: https://github.com/estefafdez/AndroidBaristaProject

Hacemos click en clone or download y copiamos la URL que nos aparece:

Diálogo de GitHub para copiar la URL de clonado del repositorio AndroidBaristaProject.

Una vez que tengamos esa URL, abrimos un terminal para escribir el comando de git para clonar el repositorio:

1
git clone [email protected]:estefafdez/AndroidBaristaProject.git

Terminal clonando el repositorio AndroidBaristaProject con git clone.

Y después de todo esto tendremos el proyecto clonado dentro de nuestro equipo.

Abrir Android Studio y descargar un emulador.

Una vez que tengamos el Android Studio descargado en nuestro sistema operativo, debemos abrirlo y crear un emulador para poder ejecutar la aplicación que veremos más adelante. Para crear un emulador de forma sencilla utilizaremos el AVD Manager.

Cuando abramos Android Studio nos aparecerá la siguiente pantalla:

Pantalla de bienvenida de Android Studio con las opciones para crear o abrir un proyecto.

Podemos crear un proyecto nuevo de Android (si queremos investigar o ver la estructura de un proyecto básico) o importar un proyecto existente. Como acabamos de descargarnos el proyecto de Android Barista, lo que haremos será hacer click en la segunda opción: Open an existing Android Studio Project y abrir el proyecto que acabamos de descargar.

Selector de carpeta para abrir el proyecto AndroidBaristaProject en Android Studio.

Cuando hacemos click en Open, se nos abrirá Android Studio de la siguiente forma:

Android Studio con el proyecto AndroidBaristaProject ya abierto.

Ya que tenemos el proyecto en Android Studio vamos a crear un emulador para ejecutar la app de Android Barista. Para ello tenemos que hacer click en AVD Manager:

Botón AVD Manager en la barra de herramientas de Android Studio.

Y nos aparece la siguiente pantalla:

Pantalla del AVD Manager de Android Studio con la lista de dispositivos virtuales.

Podremos crear tanto un emulador de dispositivo móvil, android wear, android TV… etc. Nosotros crearemos un emulador de Android. Hacemos click en Create Virtual Device... y nos aparece la siguiente pantalla:

Selección del dispositivo virtual Nexus 5X con Play Store en el AVD Manager.Para nuestro ejemplo vamos a elegir un Nexus 5X con Play Store, hacemos click en Next.

Selección de la imagen del sistema Android 8.1 (API 27, x86) para el emulador.

Para elegir la imagen del sistema, elegiremos las imágenes de x86 y escogeremos una de las APIs disponibles, en nuestro caso cogeremos la API 27 (Android 8.1). Hacemos click en Next y nos aparece la siguiente pantalla:

Pantalla de configuración final del emulador, con el nombre emulator_27.

Elegiremos un nombre para el emulador, en nuestro caso escogeremos emulator_27 y haremos click en Show Advanced Settings donde podremos ver más opciones disponibles:

Opciones avanzadas del emulador en Android Studio, incluyendo Enable Device Frame.

Dentro de estas opciones eliminaremos la de Enable Device Frame para evitar que el emulador tenga la skin del móvil seleccionado y nos ocupe menos recursos en nuestro sistema, además para que el emulador se cargue de forma más rápida.

Una vez que tenemos todas estas opciones haremos click en Finish y tendremos nuestro emulador creado:

Emulador emulator_27 ya creado en la lista del AVD Manager.

Para poder arrancar el emulador, haremos click en el botón de play y se nos abrirá nuestro emulador ya iniciado:

Emulador de Android arrancado, mostrando la pantalla de inicio del sistema.

Una vez que tenemos el emulador creado y arrancado, lo único que tenemos que hacer es arrancar la aplicación de Barista que nos hemos descargado, para ello hacemos click en el botón de play de Android Studio y elegimos el emulador en el que lo vamos a ejecutar:

Botón de ejecutar (play) en Android Studio.Selector de dispositivo para ejecutar la app, con el emulador creado seleccionado.

Al hacer click en Ok tendremos la app iniciada y funcionando en el emulador:

App de Android Barista ejecutándose en el emulador.

Y ya podremos empezar a ver la app y a jugar con ella. En la siguiente entrada, hablaremos de cómo utilizar esta app para hacer test con Barista: The guy who serves a great Espresso (https://github.com/SchibstedSpain/Barista) de forma sencilla.

¡Nos leemos en la siguiente entrada!

Built with Hugo
Theme Stack designed by Jimmy