9 trucos de Selenium que te ayudarán en tus pruebas automáticas

Si trabajas en QA y más concretamente en automatización de pruebas, tienes que conocer Selenium, ya sea de oídas o porque alguien lo ha utilizado (si es que no eres tu mism@).
 

Esta herramienta, a día de hoy, es una de las más usadas del mercado, quizá siendo la que más y con WebDriver, la facilidad y la compatibilidad con todos los navegadores, es más que espectacular.

Además, por si fuera poco, Selenium es una de las herramientas con más compatibilidad en lenguajes de programación, ya sea Python, Ruby, Java, PHP, .NET y muchos más.

No hace mucho, utilizamos Selenium junto con Python en un proyecto de gran envergadura y gracias al trabajo diario con grandes expertos en esta herramienta, pudimos detectar una serie de buenas prácticas, trucos o tareas que se pueden ejecutar y facilitar mucho la vida a personas que quieren comenzar a usar Selenium o ya llevan años haciéndolo y pueden mejorar sus procesos.

1.     Abrir una página web en una pestaña nueva con Selenium

En algunas ocasiones, nos encontramos con la necesidad de abrir páginas web en navegadores y, más concretamente, en pestañas nuevas. Para ello, utilizaremos execute_script.

Por ejemplo, usaremos un código tipo de este modo:

from selenium import webdriver

from selenium.webdriver.common.keys import Keys

from time import sleep

  

driver = webdriver.Firefox()

driver.get("http://www.google.com/")

  

driver.implicitly_wait(10)

  

#abrimos la nueva pestaña

driver.execute_script("window.open('https://www.qalovers.com', 'new tab')")

  

sleep(5)

driver.quit()

2.     Hacer Zoom con Selenium

En algunas ocasiones, debemos de hacer zoom (alejando y acercando) en una imagen o documento en concreto (ya sea para pulsar algo o para observar un texto más pequeño, por ejemplo). Para ello, usaremos la propiedad de transformación que permite hacer cualquier movimiento rotatorio o acercar y alejar la pantalla. En Firefox se puede usar MozTransform, tal y como vemos en el ejemplo:

from selenium import webdriver

from time import sleep

  

driver = webdriver.Firefox()

driver.get("https://www.qalovers.com/")

timeout = 10

  

''' Zoom en un 350% '''

driver.execute_script('document.body.style.MozTransform = "scale(2.0)";')

driver.execute_script('document.body.style.MozTransformOrigin = "0 0";')

  

sleep(10)

  

''' Zoom en un 100% '''

  

driver.execute_script('document.body.style.MozTransform = "scale(1.0)";')

driver.execute_script('document.body.style.MozTransformOrigin = "0 0";')

  

''' Añadimos un sleep para ralentizar la acción '''

sleep(10)

  

driver.quit()

3.     Trabajar con varios navegadores a la vez, para realizar pruebas de compatibilidad

Cuando realizamos pruebas de compatibilidad, tenemos que saltar de un navegador a otro o quizá probar algún tipo de pauta en diferentes navegadores para comprobar que ocurre o si en todos funciona exactamente igual. Para ello, Selenium nos permite identificar e incorporar, de manera selectiva, la utilización de diferentes navegadores o ejecutar código en cada uno de ellos, al mismo tiempo. Lo ideal es utilizar pytest, tal y como se muestra en el ejemplo:

# La importación de los módulos es obligatoria para una ejecutar el código de manera correcta

  

import pytest

from selenium import webdriver

from selenium.webdriver.chrome.options import Options

from selenium.webdriver.common.keys import Keys

from time import sleep

  

@pytest.fixture(params=["chrome", "firefox"],scope="class")

def driver_init(request):

    if request.param == "chrome":

    if request.param == "firefox":

    yield

    web_driver.close()

4.     Actualizar los navegadores mientras se realiza algún tipo de prueba

Tanto cuando realizamos pruebas manuales como automáticas, una de las acciones más repetidas, suele ser la de refrescar el navegador o página que estamos probando, ya sea para comprobar que el cambio se ha realizado correctamente o simplemente para volver a limpiar la información y comenzar de nuevo.

En Selenium, podemos realizar este refresco con driver.refresh()

from selenium import webdriver

  

driver = webdriver.Firefox()

driver.get("https://www.qalovers.com/")

driver.refresh() 

5.     Extraer datos tras ejecutar código de JS

En ocasiones, al ejecutar un código JS, debemos de capturar el resultado o extraer algún tipo de dato del mismo. Para ello, podemos utilizar “Return” y obtener el resultado del código. Lo podemos ver en un ejemplo sencillo:

from selenium import webdriver

from time import sleep

  

driver = webdriver.Firefox()

driver.get("https://www.qalovers.com")

  

driver.execute_script("document.getElementsByClassName('home-cta')[0].click()")

     

result = driver.execute_script("return 0")

print(result)

  

sleep(10)

  

driver.close() 

6.     Cerrar pestañas del navegador, cambiando el foco de una a otra

Al realizar algún tipo de prueba, nos podemos encontrar con la necesidad de cerrar pestañas del navegador sin tener que cerrarlo completamente (o si). Para ello, podemos usar driver.close()

from selenium import webdriver

import time

  

driver = webdriver.Firefox()

driver.get('https://www.google.com')

# Abrimos una nueva pestaña

driver.execute_script("window.open('');")

time.sleep(5)

# Cambiamos el foco a la nueva pestaña

driver.switch_to.window(driver.window_handles[1])

driver.get("https://qalovers.com")

time.sleep(5)

# Ahora, cerramos la pestaña actual

driver.close()

time.sleep(5)

# Volvemos a cambiar el foco a la primera pestaña

driver.switch_to.window(driver.window_handles[0])

driver.get("https://www.qaglobal.es")

time.sleep(5)

# Cerramos la última pestaña, y por lo tanto, cerraremos el navegador.

#driver.close()

7.     Hacer scroll en el navegador

Otro movimiento típico que se suele realizar cuando estamos haciendo pruebas, es el scroll. Para ello, Selenium nos ayuda con el código window.scrollTo().

Lo que hemos realizado, es un ejemplo de como descender hasta el final de la página:

from selenium import webdriver

from time import sleep

  

driver = webdriver.Firefox()

driver.get("https://www.qalovers.com/")

timeout = 10

  

''' Hacemos scroll complete en toda la página '''

driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")

  

sleep(10)

  

driver.quit()

8.     Guardar un recorte de la pantalla

A la hora de dar de alta un defecto o el poder comprobar algún tipo de situación, guardando una evidencia, podemos Pillow desde Selenium.

El primer paso es instalarlo con pip installa pillow.

Básicamente, lo que haremos, será el capturar toda la pantalla y con Pillow, capturar la sección que queramos.

from selenium import webdriver

''' Instalamos pillow '''

from PIL import Image

from io import BytesIO

  

driver = webdriver.Firefox()

driver.get('http://google.com/')

  

# Buscamos el logotipo de Google

element = driver.find_element_by_id('hplogo')

image_location = element.location

size = element.size

  

png = driver.get_screenshot_as_png()

  

''' La captura es correcta, por lo que salimos del navegador '''

driver.quit()

  

''' Abrimos la imagen con la librería de PIL '''

crop_image = Image.open(BytesIO(png))

  

''' Extraemos las coordenadas (x,y) '''

  

left = image_location['x']

top = image_location['y']

right = image_location['x'] + size['width']

bottom = image_location['y'] + size['height']

  

crop_image = crop_image.crop((left, top, right, bottom))

crop_image.save('captura-logotipo.png')

9.     Capturar el código fuente HTML de una página web

En ocasiones, una prueba básica que podemos hacer es capturar el HTML de una página web para buscar algo en concreto o comprobar que una acción se esté realizando correctamente. Para ello utilizamos la propiedad innerHTML.

En el siguiente ejemplo lo comprobamos:

from selenium import webdriver

from selenium.webdriver.chrome.options import Options

from selenium.webdriver.common.keys import Keys

from time import sleep

import io

  

driver = webdriver.Firefox()

driver.get("https://www.qalovers.com")

  

elem = driver.find_element_by_xpath("//*")

source_code = elem.get_attribute("innerHTML")

  

filename = open('qalovers_codigo_fuente.html', 'w')

filename.write(source_code)

filename.close()

     

sleep(10)

  

driver.close()

Básicamente, lo que hemos realizado es recopilar una serie de acciones que utilizamos y que pensamos que son válidas y extrapolables a cualquier tipo de proyecto o situación.

Esperemos que esto os pueda ayudar y solventar dudas que os surjan en vuestros proyectos o pruebas de concepto que hacéis en casa, facilitándoos la vida un poquito más.