Selenium: Can't click on a button within an iframe

user_13469785 0
Viewed 958

I load a page with selenium: http://www.legorafi.fr/ Next I try to click on "Tout Accepter" button but even with the css selector it doesn't work. It is for the cookies.

I tried something like this:

driver.find_element_by_css_selector('').click()

This is the blue button with text "Tout Accepter"

enter image description here

How can I do ?

webdriverwait selenium css-selectors xpath python
3 Answers

The element is present inside an iframe you need to switch the iframe in order to access the element.

Induce WebDriverWait() and wait for frame_to_be_available_and_switch_to_it() and following css selector

Induce WebDriverWait() and wait for element_to_be_clickable() and following xpath

driver.get("http://www.legorafi.fr/")
WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"#appconsent>iframe")))
WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//span[text()='Tout Accepter']"))).click()

You need to import below libraries

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
user_108856840

The element Tout Accepter is within an <iframe> so you have to:

  • Induce WebDriverWait for the desired frame to be available and switch to it.

  • Induce WebDriverWait for the desired element to be clickable.

  • You can use either of the following Locator Strategies:

  • Using CSS_SELECTOR:

    driver.get('http://www.legorafi.fr/')
WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"div#appconsent>iframe")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.button--filled>span.baseText"))).click()

  • Using XPATH:

    driver.get('http://www.legorafi.fr/')
WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//div[@id='appconsent']/iframe")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[contains(@class, 'button--filled')]/span[contains(@class, 'baseText')]"))).click()

  • Note : You have to add the following imports :

    from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

  • Browser Snapshot:

legorafi

Reference

You can find a couple of relevant discussions in:

user_74294470

First switch to the banner frame, then click the accept button:

from selenium import webdriver

url = "http://www.legorafi.fr/"
driver = webdriver.Chrome()
driver.get(url)
driver.switch_to.frame(2)
button = "/html/body/div/div/article/div/aside/section[1]/button"      
driver.find_element_by_xpath(button).click()

(I click the button using XPath but that's just personal taste)

Hope it helped!

user_114000160
Related