Tester QA Manual
Módulo 4
Scripting bajo
HTML5: Fundamentos Web
Selenium IDE
Tester QA Manual
Contenido
● Qué es Selenium.
● Características.
● Instalación y ejecución.
● Cómo iniciar.
● Descripción del entorno.
● Ejercicios.
Tester QA Manual
¿Qué es Selenium?
Selenium es un entorno de pruebas de software Las pruebas pueden ejecutarse entonces, usando
para aplicaciones basadas en la web. Selenium la mayoría de los navegadores web modernos en
provee una herramienta de grabar/reproducir diferentes sistemas operativos, como Windows,
para crear pruebas sin usar un lenguaje de Linux y OSX.
scripting para pruebas (Selenium IDE).
Fuente: https://es.wikipedia.org/wiki/Selenium
Incluye también un lenguaje específico de
dominio para pruebas (Selenese) para escribir
pruebas en un amplio número de lenguajes de
programación populares, incluyendo Java, C#,
Ruby, Groovy, Perl, Php y Python.
Tester QA Manual
Selenium IDE
Selenium IDE es un entorno de desarrollo
integrado para pruebas con Selenium. Está
implementado como una extensión de Firefox
o Chrome y permite grabar, editar y depurar
pruebas. Originalmente se le conoció como
Selenium Recorder.
Se pueden desarrollar automáticamente scripts
al crear una grabación y de esa manera se
puede editar manualmente con sentencias y
comandos para que la reproducción de nuestra
grabación sea correcta.
Tester QA Manual
Características de Selenium IDE
● Grabación y reproducción fácil. ● Soporte al archivo user-extensions.js
● Selección inteligente de campos usando ID, ● Opción para asertar el título de la página.
nombre o XPath según se necesite.
● Autocompletado de los comandos de Selenium
más comunes.
● Depuración y puntos de verificación
(breakpoint).
● Almacenar las pruebas como Selenese, Ruby,
Java y otros formatos.
Tester QA Manual
Instalar Selenium IDE
1. Acceder al sitio de descarga: Downloads | Selenium
2. Hacer scroll-down hasta el párrafo de Selenium IDE.
3. Hacer clic en el link de la versión de Firefox o de Chrome
(según el navegador de su PC).
4. Presionar Añadir a Firefox o Chrome en la pantalla de
Add-Ons del navegador.
5. Presionar Añadir extensión en la ventana saliente.
Nota: Observar en el ángulo superior derecho el ícono de Selenium
(ya instalado).
Tester QA Manual
Ejecutar Selenium IDE
Hacer clic en el ícono de Selenium ubicado en el
ángulo superior derecho del navegador.
Nota: Abrirá ventana del entorno de trabajo de Selenium.
Tester QA Manual
Iniciar Selenium IDE
Permite 4 opciones:
1. Ingresar un nuevo test a un proyecto nuevo.
2. Abrir un proyecto existente.
3. Crear un nuevo proyecto (sin comenzar la grabación
de un test).
4. Salir de la aplicación (o complemento del navegador).
Tester QA Manual
Si seleccionas la opción 1 (un nuevo test a un proyecto nuevo) debes ingresar:
1. Nombre del proyecto nuevo 2. Página web de comienzo del test
aa
Tester QA Manual
Trabajar en el entorno Selenium IDE
Al presionar el botón REC (botón rojo en la parte superior
derecha de la pantalla), se abren 2 ventanas:
1. Una de entorno de trabajo.
2. Sitio web a testear en modo grabación.
En la siguiente diapositiva vemos un ejemplo.
Tester QA Manual
Ejemplo:
Tester QA Manual
El entorno Selenium IDE
Barra de menú
Manejo de casos Barra de herramientas
Barra base de URL
Sentencias del script
Panel de casos de prueba
Editor
Panel de Logs y Referencias
Tester QA Manual
Comandos
Los tests automatizados bajo Selenium IDE En general, estos comandos permiten la repro-
quedan representados como una serie de ducción de acciones cotidianas para la ejecución
comandos en el lenguaje Selenese. de un caso de prueba en un sistema web.
Los más utilizados son: En la siguiente diapositiva, veremos algunos ejemplos.
● Open: abre un navegador en la URL indicada
en la configuración del test.
● Click: hace clic sobre un elemento del sistema
web. Por ej., una imagen, hipervínculo o botón.
● Type: escribe en un campo de texto del
sistema web. Por ej., un formulario.
Tester QA Manual
Command Target Value
1 open /
2 set window size 1268x690
3 click name=fromPort
4 select name=fromPort label=Paris
5 click name=fromPort
6 click name=toPort
7 select name=toPort label=BuenosAires
8 click name=toPort
9 click css=.btn-primary
10 click css=tr:nth-child(1) .btn
11 click id=inputName
12 type id=inputName Juan Perez
Fuente: Commands · Selenium IDE
Tester QA Manual
Reutilización
Una de las ventajas provistas por la herramienta
es que, a partir de la grabación de un flujo de
alguna funcionalidad, se pueden generar
diferentes pruebas.
Para ello, se debe hacer clic derecho sobre el
test, utilizar las opciones para duplicar y
renombrar una prueba para finalmente ajustar
las configuraciones correspondientes, para tener
una nueva prueba.
Por ejemplo, cambiando los datos para generar una
prueba negativa.
Tester QA Manual
Ejecución
1. Ejecución masiva: Permite ejecutar de 1 2 3
manera secuencial todos los scripts definidos
en el proyecto.
2. Ejecución individual: Permite ejecutar el script
que se haya seleccionado.
3. Velocidad de ejecución: Permite regular la
velocidad de ejecución del (de los) script(s).
Por defecto, se ejecuta con la velocidad más alta.
Tester QA Manual
Comprobaciones
Se llaman ‘asserts’ y permiten incorporar
verificaciones de resultado esperado sobre el
test automatizado. Por ejemplo, para evaluar un
mensaje.
Los más utilizados son:
● Text: valida un mensaje.
● Element Not Present: valida si un elemento
(botón, campo, mensaje, imagen) está Fuente: Commands · Selenium IDE
presente en el sistema.
● Enabled: valida si un elemento está habilitado
o no en el sistema.
Tester QA Manual
Ejercicio
Aprender la dinámica en el curso, a través de la
selección de diferentes sitios web, para realizar
prácticas de pruebas de automatización.
Tester QA Manual
Revisión
● Repasar los puntos vistos en la clase.
● Realizar las preguntas necesarias al
o la docente antes de continuar.
● Realice los ejercicios de la práctica.
¡Sigamos
trabajando!