Encontrar elementos con find_element

Clase 7 de 24 • Curso de Introducción a Selenium con Python

Resumen

En ocasiones algunos sitios pueden tener bloqueos regionales o no estar disponibles por la alta cantidad de solicitudes que llegan a tener.
Si el sitio de práctica no abre, puedes intentar ingresando a OneStepCheckout Responsive Demo.

Jose Reinaldo Roca Cruz

student•

Si quieren aprender de selectores,en especial de XPATH les recomiendo el curso de Facundo es muy bueno,directo y claro,van a dominar el uso de selectores. ver curso

Cristian Adrian Ayala

student•

Gracias @joreir por la data! Una vez termine el de selenium arranco con el que mencionas, saludos crack.

Andrés Corral

student•

gracias

Jesús Velázquez Jiménez

student•

Código más actualizado y con los nuevos estándares.

Recomiendo leer para localizar elementos Añadi una 's' en el enlace al sitio en driver.get('url') asegurate de eliminarla, fue necesario para hacer este comentario en Platzi .

import unittest
from pyunitreport import HTMLTestRunner
from selenium import webdriver

# By nos permite el uso de 2 métodos privados find_elements(selector, 'value') y find_element(By.ID, "search")
from selenium.webdriver.common.by import By
# Service nos ayuda a declarar el executable_path() de nuestro webdriver. 
# Yo utilizo chrome pero deberias poder hacerlo con otro navegador. 
from selenium.webdriver.chrome.service import Service

class Search(unittest.TestCase):

    def setUp(self):

        # creamos una variable s con una funcion Service('') que contiene la ruta del webdriver. 
        s=Service('./chromedriver')
        # establecemos la referencia del driver
        self.driver = webdriver.Chrome(service=s)
        driver = self.driver
        driver.get("https://demo.onestepcheckout.com/")
        driver.maximize_window()
        driver.implicitly_wait(5)

    def test_search_text_field(self):
        dsearch_field = self.driver.find_element(By.ID, "search")

    def test_search_by_name(self):
        search_field = self.driver.find_element(By.NAME, "q")

    def test_search_by_class(self):
        search_field = self.driver.find_element(By.CLASS_NAME, "input-text")

    def test_search_button(self):
        search_button = self.driver.find_element(By.CLASS_NAME, "search-button")

    def test_search_banner_img(self):
        banner_list = self.driver.find_element(By.CLASS_NAME, "promos")
        banner = banner_list.find_elements(By.TAG_NAME, "img")
        self.assertEqual(3, len(banner))

    def test_vip_promo(self):
        vip_promo = self.driver.find_element(By.XPATH,"//*[@id='top']/body/div/div[2]/div[2]/div/div/div[2]/div/ul/li[4]/a/img")

    def test_icon_cart(self):
        icon_cart = self.driver.find_element(By.CSS_SELECTOR,"div.header-minicart span.icon")

    def tearDown(self):
        self.driver.quit()

if __name__ == '__main__':
    unittest.main(verbosity = 2)

Alfredo José Sensente Cortez

student•

Excelente! muchas gracias

Jesús Enrique Morocoima Marcano

student•

buen video amigo gracias de verdad creo que esta clas esta muy retrasad deberían actualizar

Aaron Vladimir Lopez Oliden

student•

Usualmente las personas que hemos trabajado con selenium seguimos una prioridad para encontrar elementos.

En mi caso yo uso la siguiente.

Id
Name
CSS selector o XPATH
Link Text o PartialLinkText
class

Nicolas Ignacio Sanchez salas

student•

gracias por el dato crack , pero porque se usa ese orden de prioridad ?, es para que sea mas efectivo ? evitar errores?

Fredy Mendoza Vargas

student•

Buen dato, Gracias

Juan José Cano Duque

student•

Si bien con selenium debemos correr el script de principio a fin y no podemos partir de un punto intermedio, pytest nos permite ejecutar tests específicos, solo tienes que poner en la consola:

pytest search_tests.py::HomePageTests::test_count_of_promo_banner_images

Donde cada "::" nos permite bajar un nivel

Archivo::Clase::Test

Kevin Echenique

student•

Version de selenium 4.3.0: se cambiaron los buscadores por las formas de buscar, donde ahora find_elements o find_element se incluye solo y dentro de los paretesis se incluyo el selector o el buscador especifico ejem antes se escribía de esta forma "self.driver.find_element_by_class_name( "button")" ahora es "self.driver.find_element("class name", "button")" de igual forma para todos los delas buscadores

import unittest
from selenium import webdriver

class SearchTests(unittest.TestCase):
    
    @classmethod 
    def setUpClass(cls):
        cls.driver = webdriver.Chrome(executable_path = "C:\webdriver\chromedriver.exe")
        driver = cls.driver
        driver.get('http://demo-store.seleniumacademy.com')
        driver.maximize_window()
        driver.implicitly_wait(5)

    def test_search_test_field(self):
        search_field = self.driver.find_element("id", "search")

    def test_search_test_field_by_name(self):
        search_field = self.driver.find_element("name", "q")

    def test_search_test_field_class_name(self):
        search_field = self.driver.find_element("class name", "input-text")

    def test_search_button_enable(self):
        button = self.driver.find_element("class name", "button")

    def test_count_of_promo_banner_images(self):
        banner_list = self.driver.find_element("class name", "promos")
        banners = banner_list.find_elements("tag name", 'img')
        self.assertEqual(3, len(banners))

    def test_vip_promo(self):
        vip_promo = self.driver.find_elements('xpath', '//*[@id="top"]/body/div/div[2]/div[2]/div/div/div[2]/div[1]/ul/li[4]/a/img')

    def test_shopping_cart(self):
        shopping_cart_icon = self.driver.find_element("css selector", "div.header-minicart span.icon")
        
    def test_search_tee(self):
        driver = self.driver
        search_field = driver.find_element("name", "q")
        search_field.clear()

        search_field.send_keys("tee")
        search_field.submit()

    def test_search_salt_shaker(self):
        driver = self.driver
        search_field = driver.find_element("name", "q")
        search_field.clear()

        search_field.send_keys("salt shaker")
        search_field.submit()

        products = driver.find_elements("xpath", '/html/body/div/div[2]/div[2]/div/div[2]/div[2]/div[3]/ul/li/div/h2/a')
        self.assertEqual(1, len(products))

    @classmethod 
    def tearDownClass(cls):
        cls.driver.quit()

if __name__ == '__main__':
    unittest.main(verbosity = 2)

Juan Manuel Dávila Restrepo

student•

Me estaba justamente ocurriendo ese mismo error y por tu comentario, lo pude solucionar. Muchas gracias.

Ricardo Rodriguez Otero

student•

Gracias si el curso necesita una actualización también varias cosas de la sintaxis de selenium han cambiado

Ramdhei López Arcila

student•

Si ustedes le ponen un docstring a los tests así:

El informe de los tests en la consola usará ese docstring en lugar del nombre del método del test:

Alan German Gutiérrez

student•

Considerar que es 'elementS' con S, ya que lo puse en singular y me arrojaba el siguiente error:

TypeError: object of type 'WebElement' has no len()

Saludos.

Daniel Omar Hernández Muñoz

student•

Tu recomendación me salvó!, si tenía escrito

banner_list.find_element

en lugar de

banner_list.find_elements

para este caso

Claudio Jesus Vázquez Villanueva

student•

Para quienes no les funciona el enlace esta este Madison Island

Juan Carlos Hernández

student•

Gracias crack, el link de enlaces no me funcionó.

Fredy Mendoza Vargas

student•

Gracias!

DIANA SOFIA AGUDELO MENDEZ

student•

Hola

Les dejo el código por acá:

import unittest from pyunitreport import HTMLTestRunner from selenium import webdriver

class EcomerceHomePage(unittest.TestCase):

def setUp(self):
    self.driver = webdriver.Chrome(executable_path= r'C:\Aprendiendo\Selenium\chromedriver.exe')
    driver = self.driver
    driver.get("http://demo-store.seleniumacademy.com")
    driver.maximize_window()
    driver.implicitly_wait(10)
    
def test_search_text_field(self):
    search_field = self.driver.find_element_by_id("search")
    
def test_search_text_field_by_name(self):
    search_field = self.driver.find_element_by_name("q")
    
def test_search_text_field_by_class(self):
    search_field = self.driver.find_element_by_class_name("input-text")
    
def test_search_button_enabled(self):
    button = self.driver.find_element_by_class_name("input-text")   

def test_count_of_promo_bar(self):
    banner_list = self.driver.find_element_by_class_name("promos")   
    banners = banner_list.find_elements_by_tag_name('img')
    self.assertEqual(3,len(banners))
    
def test_vip_promo(self):
    vip_promo = self.driver.find_element_by_xpath('//*[@id="top"]/body/div/div[2]/div[2]/div/div/div[2]/div[1]/ul/li[4]/a/img')     
    
def test_shopping_cart(self):
    shopping_cart_icon = self.driver.find_element_by_css_selector("div.header-minicart span.icon") 

def tearDown(self):
    self.driver.quit()

if name == "main": unittest.main(verbosity = 2, testRunner = HTMLTestRunner(output= 'reportes',report_name= 'Ecomerce_report'))

Cristian Adrian Ayala

student•

Gracias Diana!

Juan David Figueredo Espinel

student•

Quiero generar un aporte con respecto a esta clase, probablemente por el cambio de versiones tanto de python( mi versión 3.11) como de selenium, nuevamente no me funciona lo indicado en el video, investigando encontré que se debe importar la clase "By" de selenium(Linea 6), a continuación se muestra como me funciono:

Julian Crispin

student•

Gracias eso era

Rubén Cuello

student•

Les comparto como queda el código con los métodos actualizados.

Jesús Enrique Morocoima Marcano

student•

como llegaste a eso amigo si podria ser amable y decirme por favor ya que hay en una que me da error en la que el profesor hace

Julio César Zaravia Paredes

student•

¡Hola Comunidad! . Recientemente he visto un par de preguntas referentes a este error 👇👇👇 .

. Escribí una respuesta sobre una revisión que hice del mismo ya que a mi también me pasó y me parece que sería bueno colocarlo aquí para cualquier que pueda toparse con esto: . Según pude revisar este error se debe a que el Driver intenta generar una nueva sesión del navegador Chrome y para esto hace una serie de validaciones, una de las validaciones tiene que ver con ++la interfaz webUSB (que permite el acceso a dispositivos USB desde una página web)++, es en este punto en que se genera el error. . ++¿Por qué se genera el error?++ Parece que no tiene nada que ver con tus entradas USB 😅 sino que parece ser que es un error de Chromium, según he podido leer ya fue notificado para su revisión. . ++Y, ¿Qué hacemos?++ No lo sé 🤠 ... Pero he leído que el error no impide la generación de un nuevo contexto de navegación, es decir tu navegador debería abrirse y cargar la web y ejecutar los tests que hayas programado sin ser afectados. . En mi caso he notado que la ejecución a pesar de mostrar el error termina en OK y he podido visualizar que el navegador se abre como de costumbre, sin embargo estoy haciendo más pruebas mientras avanzo el curso. .

. Pero no podría decirles más. Esperemos que puedan solucionar esto y sigamos haciendo pruebas para ver ++si en realidad afecta nuestro trabajo++ o no. . Trataré de actualizar este comentario si encuentro algo más, por lo pronto les dejo esta discusión en SO que me sirvió de mucho y de la que extraje algunos datos de lo que acabo de comentar . . Si alguien lee esto y está más enterado que yo del asunto o ha visto que me he equivocado en algo, o en todo 😐, por favor lo comenta y así aprendemos todos. . ¡Saludos!

Korpi delfin

student•

¡Super! Muchas gracias por tu aporte. Esperemos se solucione pronto.

¿Te ha afectado en otras cosas?

Julio César Zaravia Paredes

student•

Hola, no, al menos por ahora. En el siguiente video he colocado el aporte actualizado con la vista de los tests, ++todos terminaron de manera correcta y el reporte se generó bien++. Así que por ahora se mantiene solo como una especie de "alerta" más no un error que genere un problema al momento de correr los script.

Gracias por tu comentario. 👋

Cesar Umeres

student•

No seria mala idea actualizar este curso, lleva mas de dos años

cipriano salazar

student•

el curso va excelente el profesor indica paso a paso lo que se debe hacer, pero a la fecha actual varias sintaxis ya no son validad ya que cambiaron en forma. estar al pendiente de esto yo pasa por una IA para validar partes del código y allí fue que me di cuenta de esto ya que no corre el código como el profe lo indica en su totalidad

Andres Vasquez

student•

En las nuevas versiones de selenium los selectores se usan de la siguiente forma :

 def test_search_text_field(self):
        search_field = self.driver.find_element(By.ID,"search")
    
    def test_search_text_field_by_name(self):
        search_field = self.driver.find_element(By.NAME,"q")

    def test_search_text_field_by_class_name(self):
        search_field = self.driver.find_element(By.CLASS_NAME,"input-text")

Gabriel José Solari Morales

student•

Es correcto, y se debería importar esto:

from selenium.webdriver.common.by import By

JUAN PABLO MAYORGA MENDIETA

student•

En 2022 muchos de estos comandos ya están en desuso ahora se usa el metodo find_element enviando como parametro la carcaterisica por la que se va a hacer la busqueda aca se pueden ver los ejemplos completos

Daniel Mendoza Jején

student•

Muchas gracias amigo :)

Marco Fernando Agüero Barboza

student•

Actualizacion

Actualmente el find_element_by_* esta deprecado, por lo que debemos hacer algunas actualizaciones:

primero, importar By: from selenium.webdriver.common.by import By
Luego, debemos reemplazar:

def test_search(self):
    search = self.driver.find_element_by_*("x")
# Lo reemplazamos por
def test_search(self):
    search = self.driver.find_element(By.CLASS_NAME, "x")

DAVID EDUARDO BAEZ SANCHEZ

student•

Selectores Selectores

Id
Nombre del atributo
Nombre de la clase
Nombre de la etiqueta
XPath (Ruta del nodos en el XML)
Selector de CSS
Texto del link
Texto parcial del link

import unittest
from pyunitreport import HTMLTestRunner
from selenium import webdriver

class HomePageTest(unittest.TestCase):
    
    def setUp(self):
        self.driver = webdriver.Chrome(executable_path=r"./chromedriver.exe")
        driver = self.driver
        driver.get("http://demo-store.seleniumacademy.com/")
        driver.maximize_window()
        driver.implicitly_wait(2)

    def test_search_text_fiels(self): #Busca por ID
        search_field = self.driver.find_element_by_id("search")

    def test_search_text_field_by_name(self): #Busca por  name
        search_field = self.driver.find_element_by_name("q")

    def test_search_text_field_class_name(self): #Busca por class name
        search_field = self.driver.find_element_by_class_name("input-text")

    def test_search_button_enabled(self): #Busca por class name
        buttom = self.driver.find_element_by_class_name("button")

    def test_count_of_promo_banner_images(self):
        banner_list = self.driver.find_element_by_class_name("promos")
        banners = banner_list.find_elements_by_tag_name('img') # Crea variable con los elementos del objeto IMG por tag
        self.assertEqual(3, len(banners)) # Verifica validacion conteo de los elementos del objeto

    def test_vip_promo(self): #Busca por XPath - Tocar dale copiar y decirle para xpath en el sitio
        vip_promo = self.driver.find_element_by_xpath('/html/body/div/div[2]/div[2]/div/div/div[2]/div[1]/ul/li[2]/a/img')

    def test_shopping_cart(self):
        shopping_cart_icon = self.driver.find_element_by_css_selector("div.header-minicart span.icon")


    def  tearDown(self):  #Cerar la prueba - cerrar el navegador
        self.driver.quit()

if __name__ == "__main__":
    unittest.main(verbosity=2)

Adrian Stiven Jimenez Cardenas

student•

muy buen aporte gracias!!!

Michelle Duque De La Rosa

student•

muchas gracias

Luis Torralba

student•

Si no les sale el find_elemen_by_lo que sea y solo te sale driver.find_element Lo único que tienes que hacer es importar una nueva librería: from selenium(.)webdriver(.)common(.)by import By solo quitar los parentesis

Y la sintaxis aquí seria: find_element(By.atributo, 'nombre del atributo') Por ejemplo: find_element(By . ID, 'header-search')

Y listo, toda la clase funciona

Juan Esteban Zapata Sanchez

student•

Gracias Luis.

Natalia Caro Barrios

student•

A mi me sale este error :(

Daniel Alberto Prada Altuve

student•

¿Pudiste resolverlo?

Fer Torres

student•

Estoy seguro que es porque estás usando element en lugar de elements en la siguiente línea:

banners = banner_list.find_elements_by_tag_name('img')