Selenium Cliquez sur un bouton avec une structure HTML complexe

Lorsque vous essayez de cliquer sur un bouton avec une structure HTML complexe à l'aide de Selenium, vous pouvez rencontrer l'exception NoSuchElementException. Cela peut se produire lorsque le code HTML du bouton contient plusieurs classes ou éléments avec des attributs onclick.

Pour cliquer avec précision sur ces boutons, suivez ces étapes :

1. Vérifiez la structure HTML : Inspectez l'élément pour confirmer sa structure HTML. Assurez-vous que le bouton cible possède un attribut onclick. Par exemple, le HTML fourni comprend deux boutons avec des attributs onclick.

2. Supprimer les espaces dans les sélecteurs CSS : Lorsque vous utilisez le sélecteur CSS pour localiser l'élément, assurez-vous qu'il n'y a pas d'espaces. entre les noms de classes. Corrigez le sélecteur suivant :

   driver.find_element_by_css_selector('.button .c_button .s_button').click()

   À :

   driver.find_element_by_css_selector('.button.c_button.s_button').click()

3. Cibler les éléments uniques : Concentrez-vous sur l'identification des éléments uniques dans le code HTML du bouton. Dans ce cas, l'élément span avec le texte "Search" et "Reset" peut servir d'identifiants uniques.

4. Utilisez des sélecteurs CSS précis : Construisez des sélecteurs CSS qui ciblent des éléments spécifiques. dans le code HTML du bouton. Par exemple :

   • Pour cliquer sur le bouton « Rechercher » :

     driver.find_element_by_css_selector('.s_button span:contains("Search")').click()

   • Pour cliquer sur "Réinitialiser" bouton :

     driver.find_element_by_css_selector('.s_button span:contains("Reset")').click()

En suivant ces étapes, vous pouvez cliquer avec précision sur des boutons dotés de structures HTML complexes à l'aide de Selenium.