Agregar y eliminar elementos

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

Steven Moreno

student•

Usé en la línea 29:

delete_button = driver.find_element_by_class_name('added-manually')

Ya que todos los elementos a eliminar comparten la misma clase

Juan Zenón

student•

Justo iba a comentar que a veces decide usar el xpath cuando hacer un selector CSS es una alternativa no muy complicada.

Miguel Angel Reyes Moreno

student•

Jajjaa buen ojo

Jeyfred Calderon

student•

Aqui mi aporte, si alguien quiere ver apuntes de las clases , comparto mi repositorio https://github.com/jeyfredc/Curso-de-introduccion-a-Selenium-con-Python

import unittest
from selenium import webdriver
from time import sleep

class AddRemoveElements_Reto(unittest.TestCase):

    def setUp(self):

        self.driver = webdriver.Chrome(executable_path = './chromedriver')
        driver = self.driver
        driver.get('https://the-internet.herokuapp.com/')
        driver.find_element_by_link_text('Add/Remove Elements').click()

    
    def test_add_remove(self):
        driver = self.driver

        elements_added = int(input('Cuantos elementos desea agregar?: '))

        add_button = driver.find_element_by_xpath('//*[@id="content"]/div/button')

        sleep(3)

        for i in range(elements_added):
            add_button.click()

        elements_removed = int(input('cuantos elementos desea remover?: '))

        while elements_removed > elements_added:
        
            for i in range(elements_removed):

                    print("Intentas remover mas elementos de los que ingresaste")

                    if elements_removed > elements_added:

                        elements_removed = int(input('cuantos elementos desea remover?: '))
                        
                        delete_button = driver.find_element_by_xpath('//*[@id="elements"]/button[1]')
                        delete_button.click()
                        break   

        sleep(3)                    
        total_elements = elements_added - elements_removed

        if total_elements == 1:

            print(f'Removiste {elements_removed} elementos, queda {total_elements} elemento')

        elif total_elements > 1 or total_elements < 1:
            
            print(f'Removiste {elements_removed}, quedan {total_elements} elementos')  


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


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

Gabriel Martin Estrada

student•

Muchísimas gracias por compartir tus apuntes en GitHub, realmente son un aporte excelente. Gracias, de verdad. Saludos!!!

Jeyfred Calderon

student•

mcuhas gracias espero sea de gran ayuda

Fabian David Dueñas Garcia

student•

Revisando un poco como funciona la pagina me di cuenta de que ejecuta una función llamada addElement() cada vez que hacemos click en el botón por lo que no es necesario referenciarlo. Se podría hacer algo como esto self.drive.execute_script("addElement()") y para eliminar sería algo asi: self.drive.execute_script("deleteElement()"). Con esta implementación no necesitaríamos el try except.

Manuel Alejandro Salazar Gómez

student•

¿No se perdería la intención de la prueba que es ver si dandole click al botón se ejecuta la función?

Royer Guerrero Pinilla

student•

Estan sabrosones los retos 👨‍💻

Randhal Smith Ramirez Orozco

student•

Para hacerlo todo por el navegador solo con alertboxes y sin usar la consola como en la imagen.

Vean esta propuesta, quiza con el tiempo la mejore.

import unittest
from selenium import webdriver
from pyunitreport import HTMLTestRunner
from selenium.webdriver.common.by import By
from time import sleep
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

class AddRemoveElements(unittest.TestCase):

    # Use the decorator classmethod to execute all in a single windows.
   
    @classmethod
    def setUpClass(cls):
        cls.driver = webdriver.Chrome(executable_path = 'chromedriver.exe')
        cls.driver.get('<site name>')
        cls.driver.maximize_window()
        cls.driver.implicitly_wait(15)
    
    def test_AddRemoveElements(self):
        
        # Input the values 

        ## Create the commands
        js1 = 'a = prompt("How many elements do you want to add?")'
        js2 = 'b = prompt("How many elements do you want to remove?")'

        ## Execute them
        #*# Add a wait between execs in order to enter results, 60 secs. is max. wait time
        self.driver.execute_script(js1)
        WebDriverWait(self.driver, 60).until_not(EC.alert_is_present())
        
        self.driver.execute_script(js2)
        WebDriverWait(self.driver, 60).until_not(EC.alert_is_present())

        ## Return results to python 
        js3 = 'alert(`${a}`)'
        js4 = 'alert(`${b}`)'
        
        try:
            # Must add control to any JS. ## This code needs to be improved in order 
            # to be more efficient. Use it as example.
            self.driver.execute_script(js3)
            qty_to_add = int(self.driver.switch_to.alert.text)
            self.driver.switch_to.alert.accept()
            
            self.driver.execute_script(js4)
            qty_to_rmv = int(self.driver.switch_to.alert.text)
            self.driver.switch_to.alert.accept()

            # Run the actions
            add_button = self.driver.find_element(By.XPATH, '//*[@id="content"]/div/button')

            for add in range(qty_to_add):
                sleep(0.25)
                add_button.click()
        
            for rmv in range(qty_to_rmv):
                try:
                    sleep(0.5)
                    rmv_button = self.driver.find_element(By.XPATH, '//*[@id="elements"]/button[1]')
                    rmv_button.click()
                except:
                    print('You are trying to remove more than added elements')
                    break
            
            c = f'alert("There are {qty_to_add - qty_to_rmv} elements left.")'
            self.driver.execute_script(c)
            WebDriverWait(self.driver, 60).until_not(EC.alert_is_present())  

        except:
            js5 = 'alert("Entered numbers must be intergers")'
            self.driver.execute_script(js5)
            WebDriverWait(self.driver, 60).until_not(EC.alert_is_present())  
            
    @classmethod
    def tearDownClass(cls):
        cls.driver.quit()

if __name__ == '__main__':
    unittest.main(verbosity = 2, 
            testRunner = HTMLTestRunner(output = 'reportes', report_name = 'addremove-report'))

Leslie Paz Ore

student•

Algo que he notado, ahora que empezé a trabajar en el mundo Tech, es que no es buena idea usar el x-path para el caso de las automatizaciones, sino el ID. Aunque depende, si tienes la posibilidad de solicitar que coloquen el id a las etiquetas, debes hacerlo, así no tendras problemas cuando el código fuente cambie.

Santiago Arias

student•

Exacto, el XPATH es como el ultimo resurso y lo mas preciso siempre sera el ID

Mario Alexander Vargas Celis

student•

import unittest
from selenium import webdriver
from pyunitreport import HTMLTestRunner
from selenium.webdriver.common.by import By
from time import sleep
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

class AddRemoveElements(unittest.TestCase):

    def setUp(self):
        chrome_driver_path = r"/chromedriver.exe"
        self.driver = webdriver.Chrome()
        driver = self.driver
        driver.implicitly_wait(30)
        driver.maximize_window()
        driver.get("https://the-internet.herokuapp.com/")
        driver.find_element(By.LINK_TEXT, "Add/Remove Elements").click()

    def test_add_remove(self):
        driver = self.driver

        elements_added = int(input("How many elements will you add?: "))
        elements_removed = int(input("How many elements will you remove?: "))
        total_elements = elements_added - elements_removed

        add_button = driver.find_element(By.XPATH,'//*[@id="content"]/div/button')

        sleep(3)

        for i in range(elements_added):
            add_button.click()

        for i in range(elements_removed):
            try:
                delete_button = driver.find_element(By.XPATH, '//*[@id="elements"]/button[1]')
                delete_button.click()
            except:
                print("You're trying to delete more elements the existent")
                break

        if total_elements > 0:
            print(f"There are {total_elements} elements on screen")
        else:
            print("There 0 are elements on screen")

        sleep(3)

    def tearDown(self) -> None:
        self.driver.close()

if __name__ == "__main__":
    unittest.main(verbosity = 2, testRunner = HTMLTestRunner(output = "reportes", report_name = "add_remove_selements_test_report"))
```import unittestfrom selenium import webdriverfrom pyunitreport import HTMLTestRunnerfrom selenium.webdriver.common.by import Byfrom time import sleepfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected\_conditions as EC
class AddRemoveElements(unittest.TestCase):
&#x20;   def setUp(self):        chrome\_driver\_path = r"/chromedriver.exe"        self.driver = webdriver.Chrome()        driver = self.driver        driver.implicitly\_wait(30)        driver.maximize\_window()        driver.get("https://the-internet.herokuapp.com/")        driver.find\_element(By.LINK\_TEXT, "Add/Remove Elements").click()
&#x20;   def test\_add\_remove(self):        driver = self.driver
&#x20;       elements\_added = int(input("How many elements will you add?: "))        elements\_removed = int(input("How many elements will you remove?: "))        total\_elements = elements\_added - elements\_removed
&#x20;       add\_button = driver.find\_element(By.XPATH,'//\*\[@id="content"]/div/button')
&#x20;       sleep(3)
&#x20;       for i in range(elements\_added):            add\_button.click()
&#x20;       for i in range(elements\_removed):            try:                delete\_button = driver.find\_element(By.XPATH, '//\*\[@id="elements"]/button\[1]')                delete\_button.click()            except:                print("You're trying to delete more elements the existent")                break
&#x20;       if total\_elements > 0:            print(f"There are {total\_elements} elements on screen")        else:            print("There 0 are elements on screen")
&#x20;       sleep(3)
&#x20;   def tearDown(self) -> None:        self.driver.close()
if \_\_name\_\_ == "\_\_main\_\_":    unittest.main(verbosity = 2, testRunner = HTMLTestRunner(output = "reportes", report\_name = "add\_remove\_selements\_test\_report"))

Andrés Xavier Vargas Vera

student•

Alguien me podría ayudar, tengo el mismo código pero ya desde hace varias clases atras, los print statements no me aparecen por consola, es como si el stdout apunte a otra direccion que no sea la consola, alguien sabe a que se debe?

Miguel Andres Rendon Reyes

student•

¿Qué sistema operativo tienes?

Andrés Xavier Vargas Vera

student•

ya lo pude solucionar, era porqeu estaba usando otra librería html-testRunner en lugar de pyunitreport

David Diaz

student•

Por alguna razón de la existencia existencial, no me permite hoy en día (16 de agosto, 2022) el pedir un user input (quizás alguien mas podría confirmar eso), pero para poder cumplir el reto, tuve la idea de usar números al azar mediante RANDOM. Les comparto mi código final:

import unittest
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager
from time import sleep
from random import randrange as rdm

class  Add_Delete_Test(unittest.TestCase):

    def setUp(self):
        self.driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()))
        driver = self.driver
        driver.implicitly_wait(30)
        driver.maximize_window()
        driver.get("https://the-internet.herokuapp.com/")
        driver.find_element(By.LINK_TEXT, 'Add/Remove Elements').click()


    def test_add_remove_items(self):
        driver = self.driver
        elements_added = rdm(1,5)
        
        add_button = driver.find_element(By.XPATH, '//*[@id="content"]/div/button')

        sleep(3)

        for i in range(elements_added):
            add_button.click()

        elements_removed = rdm(1,5)

        print(f'\nElements added: {elements_added}\n')
        print(f'\nElements removed: {elements_removed}\n')

        while elements_removed > elements_added:
            if elements_added > elements_removed:
                break
            else:
                elements_removed = rdm(1,5)
                print(f'\nElements removed value was higher than elements added value. New value: {elements_removed}!\n')

        for i in range(elements_removed):
            try:
                delete_button = driver.find_element(By.XPATH, '//*[@id="elements"]/button[1]')
                delete_button.click()
                print('Element deleted!')
            except:
                print(f'You currently have {elements_removed} as elements removed...')
                break

        sleep(3)                    
        total_elements = elements_added - elements_removed

        if total_elements == 1:

            print(f'You have removed {elements_removed}, we now have {total_elements} element')

        elif total_elements > 1 or total_elements < 1:
            
            print(f'You have removed {elements_removed}, we now have {total_elements} elements')

        elif total_elements == 0:

            print('There are no elements :D')

        sleep(5)
        

    def tearDown(self):
        self.driver.implicitly_wait(3)
        self.driver.close()


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

#HappyCoding

Pablo Emilio Escobar Ossa

student•

Realicé el reto con pausas explicitas

Omar Rodríguez Aldama

student•

codigo de la leccion

import unittest
from pyunitreport import HTMLTestRunner
from selenium import webdriver
from time import sleep

class CompareProducts(unittest.TestCase):

    def setUp(self):
        self.driver = webdriver.Chrome(executable_path='./chromedriver')
        driver = self.driver
        driver.implicitly_wait(30)
        driver.maximize_window()
        driver.get('https://the-internet.herokuapp.com/')
        driver.find_element_by_link_text('Add/Remove Elements').click()

    def test_add_remove(self):
        driver = self.driver

        elements_added = int(input('how many elements will you add: '))
        elements_remove = int(input('How many elements will you remove: '))
        total_elements = elements_added - elements_remove

        add_button = driver.find_element_by_xpath('//*[@id="content"]/div/button')

        sleep(3)

        for i in range(elements_added):
            add_button.click()

        for i in range(elements_remove):
            try:
                delete_button = driver.find_element_by_xpath('//*[@id="elements"]/button[1]')
                delete_button.click()
            except :
                print('your try to delete more elements that exist')
                break
        if total_elements >  0:
            print(f'there are {total_elements} in Screen')

        else:
            print('there are 0 elements on screen ')

        sleep(3)



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

if __name__ == '__main__':
    unittest.main(verbosity=2, testRunner= HTMLTestRunner(output= 'reports', report_name= 'hello-world-report'))

Jhordan Sax Cordova Poma

student•

Solo hice que jugara un poco la página. Lo hice antes de ver la clase como lo dice "RETO"🤠

import unittest
from selenium import webdriver
from time import sleep

class AddRemoveElement(unittest.TestCase):

    def setUp(self) -> None:
        self.driver = webdriver.Chrome(executable_path = './chromedriver')
        driver = self.driver
        driver.get('https://the-internet.herokuapp.com/')
        driver.find_element_by_link_text('Add/Remove Elements').click()
        return super().setUp()
    
    def test_Add_Remove_Element(self):
        driver = self.driver
        #comprobando que estamos en la seccion de add_remove
        self.assertTrue('add_remove_elements'in driver.current_url)

        button_add = driver.find_element_by_xpath('//*[@id="content"]/div/button')
        
        for i in range (3):
            for x in range (3):
                button_add.click()
                sleep(1)
            
            button_remove = driver.find_element_by_class_name('added-manually')
            button_remove.click()
            sleep(1)
        
                
    def tearDown(self) -> None:
        self.driver.close()
        return super().tearDown()


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

Victor Luis Landaeta Jimenez

student•

Realicé el reto sin la sentencia try para agilizar la prueba ya que me tardaba mucho en mi compu. Saludos.

import unittest 
from selenium import webdriver
from time import sleep 

class AddRemoveElements(unittest.TestCase):

	def setUp(self): #ejecutar todo lo necesario antes de hacer la prueba
		self.driver = webdriver.Chrome(executable_path = r'../chromedriver')
		driver = self.driver
		driver.implicitly_wait(10)
		driver.maximize_window()
		driver.get('http://the-internet.herokuapp.com/')
		driver.find_element_by_xpath('/html/body/div[2]/div/ul/li[2]/a').click()


	def test_browser_navigation(self):
		driver = self.driver
		elements_added = int(input('How many elements will you add? '))
		elements_removed = int(input('How many elements will you remove? '))
		total_elements_in_screen = elements_added - elements_removed

		add_button = driver.find_element_by_xpath('/html/body/div[2]/div/div/button')

		if total_elements_in_screen > 0:

			for i in range(elements_added):
				add_button.click()
			

			for i in range(elements_removed):
				delete_button = driver.find_element_by_class_name('added-manually')
				delete_button.click()

			print('There are {} elements to show'.format(total_elements_in_screen))
		
		elif total_elements_in_screen == 0:
			print('There are not elements to show')

		else:
			print('you are trying to delete more items than you could add')


	def tearDown(self): #acciones para finalizar
		sleep(1)
		self.driver.implicitly_wait(3)
		self.driver.close()

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

Victor Luis Landaeta Jimenez

student•

Aporte con esperas implicitas:

def test_browser_navigation(self):
		driver = self.driver
		elements_added = int(input('How many elements will you add? '))
		elements_removed = int(input('How many elements will you remove? '))
		total_elements = elements_added - elements_removed

		add_button = driver.find_element_by_xpath('/html/body/div[2]/div/div/button')

		for i in range(elements_added):
			add_button.click()


		for i in range(elements_removed):

			try:
				delete_button = WebDriverWait(self.driver, 2).until(EC.element_to_be_clickable((By.CLASS_NAME, 'added-manually')))
				delete_button.click()
			except:
				print('you are trying to delete more buttons than you added')
				break

		if total_elements < 0:
			print('you are trying to delete more elements than you have')
		else:
			print('you have the total of {} elements on screen'.format(total_elements))

Sebastian Granda Gallego

student•

Realice el reto haciendo que el usuario no pueda equivocarse en las cantidades, si fallara, seria por alguna otra causa, sin embargo esta controlado con el try/except

def test_add_remove(self):
    add = int(input('< Cuantos elementos deseas agregar? '))
    remove = int(input('< Cuantos elementos deseas remover? '))
    total = add - remove

    try:
      while total < 0:
        print('> Intentas borrar mas elementos de los que crearas, intenta de nuevo')
        add = int(input('< Cuantos elementos deseas agregar? '))
        remove = int(input('< Cuantos elementos deseas remover? '))
        total = add - remove

      add_button = self.driver.find_element_by_xpath('//*[@id="content"]/div/button')

      for _ in range (add):
        add_button.click()
        sleep(0.5)

      element_list = self.driver.find_elements_by_class_name('added-manually')
      for _ in range(remove):
        element = element_list.pop(0)
        element.click()
        sleep(0.5)
    except:
      print('> Ha ocurrido un error...')

Alejandro Castaño Vargas

student•

He logrado que mi código funcione, sin embargo, me gustaría entender por qué si declaro el delete_button por fuera del for, dicho for solo funciona una vez y no las n veces de la variable "elements-remove"

Omar Daniel Centeno

student•

¡Hola! :)

Si pudieras compartirnos tu código sería más sencillo encontrar la solución. Puedes copiar y pegar utilizando el botón de </> insertar código.

¡Saludos!

Alejandro Castaño Vargas

student•

Aquí funciona correctamente

<import unittest
from selenium import webdriver
from time import sleep

class AddRemoveElements(unittest.TestCase):

    def setUp(self):
        self.driver = webdriver.Chrome(
            executable_path=r'C:\Users\aleja\Documents\Visual Studio Code\s2\chromedriver.exe')
        driver = self.driver
        driver.get('<URL>')

    def test_add_remove(self):
        driver = self.driver
        add = int(input('Cantidad a agregar: '))
        add_button = driver.find_element_by_xpath('/html/body/div[2]/div/div/button')
        remove = int(input('Cantidad a eliminar: '))
        for i in range (add):
            add_button.click()

        if remove > add:
            remove = add

        for i in range (remove):
            button_remove = driver.find_element_by_xpath('/html/body/div[2]/div/div/div/button[1]')
            button_remove.click()

        total_elements = add-remove
        if total_elements < 0:
            print(f'Hay 0 elementos en pantalla')
        else:
            print(f'Hay {total_elements} elementos en pantalla')

        sleep(5)

    def tearDown(self):
        self.driver.implicitly_wait(3)
        self.driver.close()

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

Sin embargo, si hago esto no funciona correctamente, solo hace click una vez en delete

 button_remove = driver.find_element_by_xpath('/html/body/div[2]/div/div/div/button[1]')
        ***(resto del código antes de esta línea)***
        for i in range (remove):
            button_remove.click()```

faver andres quiroga quiroga

student•

por que no manejar testcomplete pregunta ?

javier partida valle

student•

No entiendo por qué, pero ahora no se me abre el navegador.

<code> 
import unittest
from selenium import webdriver
from pyunitreport import HTMLTestRunner
from time import sleep

class AddRemoveElements(unittest.TestCase):

    def setUp(self):
        self.driver = webdriver.Chrome(executable_path=r"C:\Users\javie\Desktop\selenium\chromedriver.exe")
        driver = self.driver
        driver.get("https://the-internet.herokuapp.com/add_remove_elements/")
        driver.maximize_window()
        sleep(5)

    def add_elements(self):
        driver = self.driver

        for i in range(5):
            add = driver.find_element_by_xpath('//*[@id="content"]/div/button')
            add.click()
            sleep(2)

    def remove_elements(self):
        driver = self.driver

        for i in range(5):
            remove = driver.find_element_by_xpath('//*[@id="elements"]/button')
            remove.click()
            sleep(2)
    
    def tearDown(self):
        self.driver.quit() 

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

</code>

Héctor Daniel Vega Quiñones

teacher•

Veo que tienes 2 métodos de prueba en tu script, sin embargo estos deben tener la palabra test al inicio o de lo contrario el módulo unittest no los identificará y no los ejecutará.

fidel angel ochoa

student•

¿Como soluciono si la version del "chromedriver" esta desactualizada respecto a Chrome? este error me aparece :

"session not created: This version of ChromeDriver only supports Chrome version 93 Current browser version is 95.0.4638.54 with binary path /Applications/Google Chrome.app/Contents/MacOS/Google Chrome"

fidel angel ochoa

student•

ya lo solucione, segui los mismos pasos que se muestran en la clase "hola mundo" de este curso, elimine de mi carpeta el antiguo chromedriver, descargue el nuevo de la pagina de chrome y lo estraje en la carpeta de los archivos donde tengo el entorno virtual de selenium.

Yoshie Garcés Rodríguez

student•

Comparto mi código por si lo necesitan

import unittest
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from pyunitreport import HTMLTestRunner
from time import sleep


class AddRemoveElements(unittest.TestCase):
    
    @classmethod
    def setUpClass(cls) -> None:
        # Configurar el WebDriver y abrir la página web
        cls.driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()))
        driver = cls.driver
        driver.get('URL')
        driver.implicitly_wait(3)
        driver.maximize_window()
        
        
        
    def test_add_button(self):
        account = WebDriverWait(self.driver, 10).until(EC.visibility_of_element_located((By.LINK_TEXT, 'Add/Remove Elements')))
        account.click()
    
    def test_add_remove(self):
        driver = self.driver
        elements_added = int(input('How many elements will you add?: '))
        elements_removed = int(input('How many elements will you remove?: '))
        total_elements = elements_added - elements_removed
        
        add_button = driver.find_element(By.XPATH, ('//*[@id="content"]/div/button'))
        
        sleep(3)
        
        for i in range(elements_added):
            add_button.click()
            
        for i in range(elements_removed):
            try: 
                delete_button = driver.find_element(By.XPATH, ('//*[@id="elements"]/button[1]'))
                delete_button.click()
            except:
                print("You're trying to delete more than elements the exist")
                
            break
        if total_elements > 0:
            print(f"There are {total_elements} elements on screen")
            
        else:
            print("There 0 elements on screen")
            
            sleep(3)
        
       
            
    @classmethod
    def tearDownClass(cls) -> None:
        cls.driver.quit()
            
if __name__ == "__main__":
    # Ejecutar las pruebas y generar el informe HTML
    unittest.main(verbosity=2, testRunner=HTMLTestRunner(output='reportes', report_name='add_delete_element'))