Mostrando entradas con la etiqueta Pruebas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Pruebas. Mostrar todas las entradas
viernes, 3 de noviembre de 2017
Complementos del navegador para pruebas automatizadas - SideeX
Saludos, en esta ocasión quería compartirles acerca de una herramienta que puede ser de ayuda para la creación de pruebas automatizadas utilizando Selenium: SideeX.
SideeX es, según su sitio web, una versión extendida del Selenium IDE (no sabía que existía hasta la semana pasada :P), el cual es una herramienta del tipo grabar-repetir para la generación de conjuntos de pruebas de UI (Interfaz de usuario) utilizando Selenium. Es extendida debido a que posee funcionalidades adicionales a las de Selenium IDE, y ha sido adoptada oficialmente por el SeleniumHQ como punto de partida para las siguientes versiones de Selenium IDE. Adicionalmente, no solo está disponible como extensión para Firefox, sino también para Google Chrome.
Tomando como ejemplo la versión de Google Chrome, para instalarlo basta con instalarlo en el navegador desde el respectivo enlace (https://chrome.google.com/webstore/detail/sideex-an-extended-versio/nefadabeoagfkgmkgegmjgdhegbllple), presionando el botón Agregar a Chrome.
La versión instalada durante la escritura de esta entrada es la v2.3.0. Una vez instalado, el botón con el logo de SideeX aparecerá en la parte superior derecha del navegador. Dicho botón sirve para iniciar la extensión.
Crearemos un caso de pruebas sencillo para ver SideeX en acción. Para ello, accederemos a la página de inicio de sesión de pruebas del artículo anterior: http://www.phptravels.net/admin
Una vez allí, presionamos el botón de SideeX, para iniciar la extensión. Ello nos despliega la ventana principal de SideeX.
Con ello, podemos proceder a grabar nuestro primer caso de pruebas, presionando el botón Record (Grabar), ubicado en la parte superior izquierda de la ventana de SideeX.
Inmediatamente procedemos a realizar nosotros mismos los pasos de la prueba que deseamos realizar en la página de login. Por ejemplo:
1. Hacer clic sobre la caja de texto del correo electrónico. Nótese como se van registrando los pasos en la tabla de comandos de SideeX. Para este primer paso se registran dos comandos: Abrir la página web, y hacer clic sobre la caja de texto del correo electrónico.
2. Digitar el correo electrónico.
3. Cambiar a la caja de texto de la contraseña y digitarla. En este caso se observará que no se registró comando de clic, debido a que el cambio a la siguiente caja de texto se hizo presionando el botón de tabulación.
4. Hacer clic sobre el botón Login.
Por simplicidad dejaremos el caso de pruebas hasta acá. Para detener la grabación, basta con presionar el botón Stop en la ventana de SideeX.
Para reproducir el caso de pruebas, basta con presionar el botón PlayThisCase. Se observará como SideeX reporduce los pasos grabados en el navegador, mostrando en la tabla de comandos el paso ejecutado, y pintando de verde las filas cuya ejecución fue exitosa. También, en la parte inferior irá apareciendo la bitácora de las acciones ejecutadas.
Para guardar la colección de pruebas que contiene el caso creado, en la lista de TEST CASE ubicada al lado izquierdo de la ventana, se hace clic derecho sobre Untitled Test Suite, y se selecciona la opción Save Test Suite As...
Luego, solo basta con elegir la ubicación donde se desea guardar, y el nombre del archivo.
Cabe notar que el archivo generado es un HTML, el cual contiene la descripción del conjunto de pruebas y los casos grabados, y puede ser visualizado desde cualquier navegador.
Esto es todo por el momento, para mostrar las características generales de SideeX. En ogtra oportunidad intentaré explorar más a fondo la creación de conjuntos de pruebas, con verificación de datos y todo eso, utilizando esta herramienta.
sábado, 26 de agosto de 2017
Crear un proyecto de pruebas con Visual Studio y Selenium
Saludos. Esta entrada es un tutorial acerca de cómo crear un proyecto de pruebas en Visual Studio utilizando Selenium (por si el título que dice casi lo mismo no es lo suficientemente claro - comentario sarcástico para mí mismo).
¿Qué es Selenium?
Selenium es un conjunto de herramientas de automatización para navegadores, que permite programar y ejecutar pruebas repetitivas para aplicaciones web.Creación del proyecto y adición de Selenium
El tutorial se ha realizado utilizando Visual Studio Community Edition 2017, y C#. Los pasos para crear el proyecto y ejecutar una prueba de ejemplo se describen a continuación:El primer paso es abrir Visual Studio, y crear un nuevo proyecto de pruebas unitarias, a través del menú Archivo > Nuevo > Proyecto, y seleccionando la plantilla Proyecto de Prueba Unitaria (.NET Framework), ubicada en las plantillas instaladas bajo la categoría Visual C# > Prueba.
Luego de ello, se procede a agregar los paquetes de Selenium en la solución. Para ello, se abre el panel del Explorador de soluciones, se da clic derecho sobre el proyecto, y se selecciona la opción Administrar paquetes NuGet.
Esto despliega en pantalla el administrador de paquetes NuGet para el proyecto seleccionado. En él se selecciona la opción Examinar, y se procede a realizar la búsqueda de paquetes con la palabra Selenium.
De la lista obtenida, procedemos a instalar los paquetes Selenium.WebDriver (publicado por Selenium Committers) y Selenium.Support (también publicado por Selenium Committers). Estos paquetes incluyen soporte para los navegadores Internet Explorer y Firefox. Para soportar el navegador Google Chrome, es necesario instalar un paquete que lo contenga, como por ejemplo Selenium.Chrome.WebDriver publicado por jbaranda, el cual incluye el ejecutable del driver en la carpeta bin respectiva del proyecto luego de compilarlo.
Una vez descargados e instalados los paquetes ya estamos listos para realizar nuestra primera prueba.
Primera prueba con Selenium
Para nuestra primera prueba, haremos uso de un formulario de inicio de sesión de un sitio de web de demostración llamado PHPTravels, en la URL http://www.phptravels.net/adminPara ello, abrimos la clase creada al momento de crear el proyecto (por defecto es llamada UnitTest1), y agregamos las referencias para Selenium:
Luego, agregamos el siguiente método de ayuda para poder verificar si un elemento existe en la página web:
Finalmente sustituimos el método de prueba vacío, que fue creado por defecto, y creamos uno nuevo, llamado InicioSesion_ConCredencialesIncorrectas_MuestraAviso que consistirá en probar que si intentamos iniciar sesión ingresando credenciales incorrectas, se nos mostrará en pantalla una notificación indicando el error. El código final de la clase, con el nuevo método, es el siguiente:
Nota: El código fuente completo se encuentra disponible en GitHub: https://github.com/guillegr123/PruebaSelenium
Ejecutando la prueba unitaria
Para ejecutar la prueba unitaria, seleccionamos el nombre del método a probar, damos clic derecho, y seleccionamos la opción Ejecutar pruebas.
Esto abre el panel de Exploador de pruebas, y procede a ejecutar la prueba de forma automatizada, utilizando el navegador Google Chrome, elegido a través del driver utilizado. Se podrá observar como el navegador es abierto, y los pasos descritos en la prueba son ejecutados uno a uno, culminando con la verificación de que el elemento de notificación fue creado.
Una vez culminada la prueba, el resultado de esta es mostrado en el panel del Explorador de pruebas, con un ícono verde en caso de éxito, y uno rojo en caso de fallo.
