Cómo usar Selenium IDE paso a paso

Componentes de Selenium IDE 

Si eres nuevo usando Selenium IDE, seria conveniente que lo primero que hagas es tratar de entender como funciona y para que sirven sus elementos y diferentes funcionalidades.

Si aún no has descargado e instalado Selenium IDE, te recomiendo visitar el siguiente articulo en donde explico Cómo descargar e instalar Selenium IDE
En la imagen a continuación se puede observar las partes más importantes de éste plugin de Selenium e iremos explicando cada una.
selenium ide

Barra de Menú

Se encuentra ubicado en la parte superior Selenium IDE. Los menús más utilizados son los menús archivo, edición y opciones.

Archivo 

Contiene opciones para crear, abrir, guardar y cerrar pruebas.
Las pruebas se guardan en formato HTML.
•  La opción más útil es «Export» porque le permite convertir sus casos de prueba en formatos de archivo que pueden funcionar con Selenium Webdriver.
  • «Export Test Case As…» exportará sólo el caso de prueba actualmente abierto.
  • «Export Test Suite As…» exportará todos los casos de prueba en la suite de  prueba actualmente abierto.
menu archivo selenium ide

En Selenium IDE 2.9.1, los casos de prueba pueden exportarse sólo a los siguientes formatos:

  • .cs (C# Código fuente)
  • .java (Java Código fuente)
  • .py (Python Código fuente)
  • .rb (Ruby Código fuente)

Menú editar

  • Contiene las opciones habituales como deshacer, rehacer, cortar, copiar, pegar, borrar y seleccionar todo. 
  • Las dos opciones más importantes son el «Insert New Command» y «Insert New Comment«.
menu editar selenium ide
 
El nuevo comando insertado o comentario será colocado en la parte superior de la línea seleccionada actualmente.
Insertar comando selenium ide

Menú Options

Este menú proporciona la interfaz para configurar diversos ajustes de Selenium IDE.
Nosotros nos concentraremos en las opciones de portapapeles y opciones de formato.
 
menu opciones selenium ide
 




Formato de portapapeles

  • El formato del portapapeles permite copiar un comando Selenese del editor y pegar como un fragmento de código. 
  • El formato del código sigue la opción que aquí seleccionada en la lista de formato del portapapeles.
  • HTML es la opción por defecto.
 
Por ejemplo, cuando usted elige Java/JUnit 4/WebDriver como su formato de Portapapeles, cada comando Selenese que copia de editor de Selenium IDE se pegará como código Java. Vea la ilustración de abajo.
Exportar en Selenium IDE

Selenium IDE Opciones (Cuadro de diálogo)

Puede iniciar el cuadro de diálogo «Opciones» haciendo clic en opciones > opciones… en la barra de menú. Aunque hay muchos ajustes disponibles, nos concentraremos en los pocos importantes.
 
Selenium IDE Optiones
  • Valor por defecto del timeout. Esto se refiere al tiempo que Selenium tiene que esperar a que un determinado elemento aparezca o se haga accesible antes de que genere un error. El valor de timeout predeterminado es 30000ms.
  • Extensiones de Selenium IDE. Aquí es donde se especifican las extensiones que desea utilizar para ampliar las capacidades del Selenium IDE. Puede visitar https://addons.mozilla.org/en-US/firefox/ y use «Selenium» como una palabra clave para buscar las extensiones específicas.
  • Recordar URL base. Mantén esto marcado si quieres que el Selenium IDE recuerde la URL base cada vez que lo lances. Si desmarca esto, siempre se iniciará con un valor en blanco para la URL base.
  • Iniciar grabación automáticamente. Si marca esto, se registrará inmediatamente las acciones del explorador al arrancar.
  • Constructores de localizadores. Aquí es donde se especifica el orden por el que se generan los localizadores durante la grabación. Los localizadores son maneras de decirle a Selenium IDE qué elemento de la IU debe actuar un comando selenese (Ver Como usar Localizadores en Selenium IDE). En la configuración siguiente, al hacer clic en un elemento con un atributo ID, el identificador de ese elemento se usará como el localizador desde «ID» es el primero de la lista. Si ese elemento no tiene un atributo ID, Selenium buscará el atributo «Name», ya que es el segundo de la lista. La lista sigue y sigue hasta que se encuentra una apropiada.
Selenium IDE Optiones

Barra de base URL 

Base url Selenium IDE
 
  • Dispone de un menú desplegable que recuerda todos los valores anteriores para facilitar el acceso.
  • El comando selenese «Open» le llevará a la dirección URL especificada en la URL base.
  • En esta serie de tutoriales, vamos a utilizar http://Newtours.demoaut.com como nuestra URL base. Es el sitio para «Mercury Tours», una aplicación web mantenida por HP para propósitos de pruebas Web. Utilizaremos esta aplicación porque contiene un conjunto completo de elementos que necesitamos para los temas sucesivos.
  • La URL base es muy útil para acceder a URLs relativas. Suponga que su URL base está establecida en http://Newtours.demoaut.com. Cuando ejecute el comando «Open» con el valor «signup» en «Target», se dirigirá el navegador a la página de inscripción. Vea la ilustración de abajo.

Barra de herramientas de Selenium IDE

• control de velocidad en selenium ide Control de velocidad: El control de velocidad se utiliza para controlar la velocidad de cuán rápido se ejecuta el caso de prueba. Establecer en rápido si quieres correr rápidamente el caso de prueba y ajuste a lento si desea ejecutar el caso de prueba lenta para tener una mejor visualización de los pasos que realiza.

• boton reproducir suite de prueba en selenium ide  Reproducir toda la suite de prueba: Supongamos que ha creado 5 casos de prueba para el software de aplicación web y almacenado todos ellos en una suite de prueba y si te gusta correr todos ellos 5 a continuación, abra su suite de prueba y pulse este botón. se ejecutará todos los 5 casos de prueba uno por uno.

• boton reproducir caso de prueba en selenium ide Reproducir caso de prueba actual: Éste botón se usa para ejecutar el caso de prueba selecciona. a diferencia del botón anterior, éste sólo ejecutará una sola prueba. 

• boton pausar en selenium ide Reanudar/Pausar: La función de éste botón es pausar o reanudar un caso de prueba o suite de prueba que esta en ejecución. 

• boton de paso en selenium ide Botón Paso: El botón de paso se utiliza para ejecutar comandos de prueba manualmente uno por uno. Supongamos que ha pausado su caso de prueba y ahora quieres ejecutar los comando restantes uno por uno entonces se puede utilizar el botón de paso. Básicamente se utiliza el botón de paso para depurar la secuencia de comandos.

• boton de grabacion en selenium ide Botón de grabación: El botón de grabación se utiliza para registrar la navegación de los usuarios  en la  aplicación web y crear script de prueba para la reutilización y al apretar de nuevo el botón, marca la parada de grabación de los pasos que realiza el usuario.

Panel casos de prueba 

  • En Selenium IDE, puede abrir más de un caso de prueba a la vez
  • El panel de casos de prueba le muestra la lista de casos de prueba abiertos actualmente.
  • Al abrir un conjunto de pruebas, el panel de casos de prueba enumerará automáticamente todos los casos de prueba contenidos en él.
  • El caso de prueba escrito en negrita es el caso de prueba seleccionado actualmente.
  • Después de la reproducción, cada caso de prueba se codifica en un color para representar si pasó o falló. 
    ◘Color verde significa «pasado». 
    ◘Color rojo significa «falló».
  • En la parte inferior hay un resumen del número de casos de prueba que se ejecutaron y fallaron.

Editor 

Se puede pensar en el editor como el lugar donde toda la acción sucede. Está disponible en dos vistas: «Table» y «Source».


Vista de «Table» 

  • La mayor parte del tiempo, Selenium IDE trabajará utilizando la vista de «table». 
  • Aquí es donde se crean y modifican los comandos selenese. 
  • después de la reproducción, cada paso es de color codificado.
Tabla en Selenium IDE
  • Para crear pasos, escriba el nombre del comando en el cuadro de texto «Command». 
  • Se muestra una lista de comandos que coincida con la entrada que está escribiendo. 
  • «Target» es cualquier parámetro (como nombre de usuario, contraseña) para un comando y el valor es el valor de entrada (como Tom, 123pass) para esos «Target».
Target en selenium ide

Vista de «Source»

  • Muestra los pasos en formato HTML (predeterminado). 
  • También le permite editar su script como en la vista de tabla.
HTML en selenium ide

Panel de Log

El panel de «Log» muestra los mensajes en tiempo de ejecución durante la ejecución. Proporciona actualizaciones en tiempo real de lo que está haciendo Selenium IDE.
 
Los Log se categorizan en cuatro tipos:
  • Debug – la forma predeterminada, los mensajes de depuración no se muestran en el panel de registro. Aparecen sólo cuando se filtran. Proporcionan información técnica sobre lo que Selenium IDE está haciendo detrás de las escenas. Puede mostrar mensajes como un módulo específico ha hecho la carga, se llama a una determinada función, o un archivo JavaScript externo se cargó como una extensión.
  • Info –  dice qué comando se está ejecutando actualmente. 
  • WARN – estos son mensajes de advertencia que se encuentran en situaciones especiales. 
  • error – se trata de mensajes de error generados cuando Selenium IDE no ejecuta un comando o si no se cumple una condición especificada por el comando «Verify» o «Assert».
Log en selenium ide
 
Los logs se pueden filtrar por tipo. Por ejemplo, si selecciona la opción «error» de la lista desplegable, el panel de registro mostrará sólo los mensajes de error.
 
Panel de logs Selenium IDE

Panel de Reference

El panel de referencia muestra una descripción concisa del comando selenese actualmente seleccionado en el editor. También muestra la descripción del localizador y el valor que se utilizará en ese comando.

Panel de Referencia

Panel de UI-Element

El «UI-Element» es para usuarios avanzados de Selenium. Utiliza notación de objetos JavaScript (JSON) para definir las asignaciones de elementos. La documentación y los recursos se encuentran en la opción «documentación de elemento de IU» en el menú ayuda.
 
Panel de log en Selenium IDE
 
Un ejemplo de «UI-Element» se muestra a continuación.
 
Element-UI Selenium IDE

Panel Rollup 

Rollup le permite ejecutar un grupo de comandos en un solo paso. Un grupo de comandos es simplemente llamado como un «Rollup». Emplea el uso intensivo de los conceptos del JavaScript y del UI-elemento para formular una colección de comandos que sea similar a una «función» en lenguajes de programación.
 
Los Rollups son reutilizables; significa que se pueden utilizar varias veces dentro del caso de prueba. Dado que los Rollups son grupos de comandos condensados en uno, ayudan mucho a acortar el script de prueba.
 
Como usar Selenium IDE
A continuación se muestra un ejemplo de cómo se ve el contenido de la ficha Rollup.
 
Como usar Selenium IDE

Resumen de como utilizar Selenium IDE

  • Selenium IDE (entorno de desarrollo integrado) es la herramienta más sencilla en la suite de Selenium.
  • Sólo debe utilizarse como herramienta de prototipado.
  • Se requiere conocimiento de JavaScript y HTML para temas intermedios como la ejecución de los comandos «runscript» y «Rollup». Un rollup es una colección de comandos que puede reutilizar para acortar significativamente los scripts de prueba. Los localizadores son identificadores que le dicen al Selenium IDE cómo acceder a un elemento. (Como usar Localizadores en Selenium IDE).
  • Los principales navegadores permiten inspeccionar los elementos HTML que es usado para localizar valores. 
  • La barra de menús se utiliza en la creación, modificación y exportación de casos de prueba en formatos utilizables por Selenium Webdriver.
  • El formato predeterminado para los comandos selenese es HTML.
  • El menú «opciones» proporciona acceso a varias configuraciones para Selenium IDE.
  • La URL base es útil para acceder a URLs relativas.
  • El panel de caso de prueba muestra la lista de casos de prueba abiertos actualmente y un resumen conciso de las pruebas de funcionamiento.
  • El editor proporciona la interfaz para los scripts de prueba.
  • La vista de «Table» muestra el script en formato tabular con «command», «target» y «Value» como columnas.
  • La vista de «Source» muestra su script en formato HTML.
  • Las fichas log y Reference dan retroalimentación y otra información útil al ejecutar las pruebas.
  • Las fichas IU-Elemento y Rollup  solo son para usuarios avanzados de Selenium IDE. Ambos requieren un considerable esfuerzo en la codificación JavaScript. UI.Element permite mapear convenientemente los elementos de UI mediante la notación de objetos JavaScript (JSON).
Si luego de saber todo lo que se puede hacer con Selenium IDE, crees que se queda corto para las pruebas que deseas realizar, te sugiero que visites Tutorial Selenium WebDriver en español

Compartir artículo

2 Comments

  1. Responder

    Hello engineer Sherlin, in advance many thanks for taking the time and trouble to comment. By What I understood in your comment refers to the use of selenium… WebDriver, a subject which also will be speaking on this blog, so I invite you to be pending to the forthcoming publications and if you can contribute, would be very good. Thanks for sharing the links where you can find more information. A greeting

Leave Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.