Agregar y eliminar elementos
Contenido del curso
Preparar entorno de trabajo
Utilizar comandos básicos
Interactuar con elementos
Sincronizar pruebas
Retos
Metodologías de Trabajo
Cierre del curso
Agregar y eliminar elementos
Contenido del curso
Agregar y eliminar elementos
Steven Moreno
Estudiante
Juan Zenón
Estudiante
Miguel Angel Reyes Moreno
Estudiante
Jeyfred Calderon
Estudiante
Gabriel Martin Estrada
EstudianteJeyfred Calderon
EstudianteFabian David Dueñas Garcia
Estudiante
Manuel Alejandro Salazar Gómez
Estudiante
Royer Guerrero Pinilla
Estudiante
Randhal Smith Ramirez Orozco
Estudiante
Leslie Paz Ore
Estudiante
Santiago Arias
Estudiante
Mario Alexander Vargas Celis
Estudiante
Andrés Xavier Vargas Vera
Estudiante
Miguel Andres Rendon Reyes
EstudianteAndrés Xavier Vargas Vera
Estudiante
David Diaz
Estudiante
Pablo Emilio Escobar Ossa
Estudiante
Omar Rodríguez Aldama
Estudiante
Jhordan Sax Cordova Poma
Estudiante
Victor Luis Landaeta Jimenez
EstudianteVictor Luis Landaeta Jimenez
Estudiante
Sebastian Granda Gallego
Estudiante
Alejandro Castaño Vargas
Estudiante
Omar Daniel Centeno
EstudianteAlejandro Castaño Vargas
Estudiante
faver andres quiroga quiroga
Estudiante
javier partida valle
Estudiante
Héctor Daniel Vega Quiñones
Profesor
fidel angel ochoa
Estudiantefidel angel ochoa
Estudiante
Yoshie Garcés Rodríguez
EstudianteUsé 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
Justo iba a comentar que a veces decide usar el xpath cuando hacer un selector CSS es una alternativa no muy complicada.
Jajjaa buen ojo
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)```
Muchísimas gracias por compartir tus apuntes en GitHub, realmente son un aporte excelente. Gracias, de verdad. Saludos!!!
mcuhas gracias espero sea de gran ayuda
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.
¿No se perdería la intención de la prueba que es ver si dandole click al botón se ejecuta la función?
Estan sabrosones los retos 👨💻
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'))
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.
Exacto, el XPATH es como el ultimo resurso y lo mas preciso siempre sera el ID
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):   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"))
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?
¿Qué sistema operativo tienes?
ya lo pude solucionar, era porqeu estaba usando otra librería html-testRunner en lugar de pyunitreport
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
Realicé el reto con pausas explicitas
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'))
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)
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)
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))
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...')
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"
¡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!
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()```
por que no manejar testcomplete pregunta ?
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>
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á.
¿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"
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.
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'))