Tutorial que se enfoca en los primeros pasos con Selenium WebDriver con Java. "Compartir es bueno, y con la tecnología digital, compartir es sencillo" ;)

1. Primero Pasos Con Selenium
Webdriver con Java

2. Herramientas
INTRODUCCION:
El presente tutorial básico está dirigido a cualquier persona con
muchas ganas de aprender de selenium pero se recomienda tener
un conocimiento mínimo de programación con Java.
En la Pc donde se realizará el desarrollo de los test se debe tener
instalado las siguientes tecnologías y herramientas:
● Java 1.8
● Eclipse Mars
● Librerías de Selenium Webdriver
● Muchas ganas!

3. I. Creando Primer
Proyecto Java

4. 1. Abrir Eclipse
2. Ir a File -> new -> Project

5. 1. Seleccionar Java -> Seleccionar Java project
2. Hacer click en Next
3. Ingresar en Project Name: PrimerTest
4. Hacer click en finish. Y se habrá creado un
nuevo proyecto.

6. II. Creando Package

7. 1. Desplegar el proyecto ‘PrimerTest’
2. Click derecho en la carpeta src
3. Ir a new -> Other -> Java -> Package (en
otros casos después de new aparece
package)
4. Click en next -> Ingresar nombre
“packageTest” -> Finish

8. III. Creando .Class (clase)

9. 1. Desplegar el proyecto ‘PrimerTest’
2. Click derecho en el package “packageTest”
3. Ir a new -> Other -> Java -> Class (en otros
casos después de new aparece class)
4. Click en next -> Ingresar nombre
“PrimerTestCase” -> Finish

10. IV. Importar librerías de
selenium

11. Descargar las librerias “Selenium Client &
WebDriver Language Bindings” para Java
de la página oficial de selenium:
http://www.seleniumhq.org/download/

12. 1. Click derecho en el proyecto “PrimerTest”
2. Click en Properties > Java Build Path ->
Libraries

13. 1. Click “Add External JARs...”
2. Seleccionar el .jar de la primera carpeta (selenium-
java-3.5.3)
3. Luego seleccionar los .jar de la carpeta “lib”

14. V. Cómo localizar los
objetos mediante la
inspección del browser

15. 1. Presionar click derecho en la pantalla donde están los
objetos a localizar y seleccionar la opción
“Inspeccionar”. Para este ejemplo nuestra pantalla es
el buscador “Google”

16. 1. Click en la herramienta “select an element in the page to
inspect it”
2. Seleccionar el objeto y la herramienta muestra los atributos
de la etiqueta que localiza al objeto. Los atributos más
comunes son: id, name, class, href.
3. Por ejemplo localizamos el search de google por el valor del
atributo id (id="q" )

17. Algunos localizadores importantes de la api selenium:

18. V. Crear primer Test
Case

19. 1. Abrir la clase “PrimerTestCase”
2. Crear el primer método void “primerCaso” dentro de
la clase.
3. Sobre el método escribir la anotación @Test (Junit)

20. Test Case:
Nuestro primer test case va a consistir:
- Navegar a la url de wikipedia
- Ingresar el dato “selenium” en el search
- Buscar la palabra “selenium”
- Validar la búsqueda
Precondición:
1. Descargar los binarios de chrome “chromedriver.exe” en el
disco “C” (Para este ejemplo se utilizó el “D”)
2. Inicializar el driver y navegar a la url donde se realizará las
pruebas mediante el siguiente script:

21. VI. Empezando a codear
el test case

22. ** Precondición:
1.- Importar las siguientes librerias:
● import org.junit.Test;
● import org.openqa.selenium.WebDriver;
● import
org.openqa.selenium.chrome.ChromeDriver;

23. Primero.- Agregamos los script para inicializar el driver de
chrome y levantar el browser. Al ejecutar se obtendrá como
resultado que levanta solo el browser sin maximizar. Si se desea
maximizar comentar las dos líneas y descomentar las
comentadas

24. ** Precondición:
1.- Importar las siguientes librerias:
● import org.openqa.selenium.By;
● import org.openqa.selenium.WebElement;

25. Segundo.- Utilizaremos el método .navigate().to() de la api
selenium y pasamos como parámetro la url donde vamos a
realizar los test

26. Tercero.- Inspeccionamos el textbox de la página principal de
wikipedia. Luego creamos la variable “search_locator” de tipo
WebElement que me indica la localización del objeto en el DOM.
Utilizamos los métodos “.clear()” y “sendKeys()”. El primero
limpia el textbox y al segundo le pasamos como parámetro el
dato “selenium” que se va a escribir en el textbox.
- La localización fue por el “.name”

27. Cuarto.- Inspeccionamos el icono de la lupa que se esta ubicado
al costado del textbox buscador. Luego creamos la variable
“lupa_locator” de tipo WebElement que me indica la
localización del objeto en el DOM.
Por último utilizamos el método “.click()” para presionar el icono
de la lupa.

28. Quinto.- Luego de presionar la lupa Inspeccionamos el título del
resultado. Para eso creamos la variable “titulo_locator” de tipo
WebElement que me indica la localización del objeto en el DOM.
Por último utilizamos el método “.getText()” que me retorna un
String que debe ser el título para validar si es el resultado de mi
búsqueda

29. ** Precondición:
1.- Importar la siguiente librería:
● import org.junit.Assert;

30. Sexto.- Último paso del test, que consiste en validar el resultado
que se desea y para eso usamos el la clase “Assert” y el método
“.assertEquals()” de JUnit donde paso como parámetros dos
String.
Uno será el valor obtenido del DOM y el otro el esperado.

31. Código completo.-

32. Reto … !
*Crear una cuenta ficticio y Automatizar
un test que consiste en ingresar a dicha
cuenta

33. Thanks!
Autor: adrian_pe
Cualquier consulta del ppt o el del ejercicio
me pueden escribir al
Email: frankramle@gmail.com
“ ”