How to find and interact with multiple elements within multiple frames on reCAPTCHA demo page using Selenium and Python

Question

I switched to a frame inside a frame with selenium, and I accessed to that frame, but I'm unable to find elements inside the frame using find_element_by_tag_name or find_element_by_xpath, I'm sure the element exists, but I cannot find it and click on it with selenium.

page > frame1(elements: checkbox) > frame2(elements: imgs , buttons)

There are buttons in frame2 I want to click on it, and frame2 shown after checkbox clicked. Here is my code:

driver = webdriver.Firefox(r"C:\Users\[profilename]\Desktop\devloper\selenium\gecko")
driver.get(url)

sleep(10) #to make sure that everything loaded

#the first frame (success to access and clicked):
driver.switch_to.frame(0) 
click1 = driver.find_element_by_xpath("//*[@id=\"anchor\"]")
click1.click()

sleep(5) #to make sure that everything loaded

iframe = driver.find_element_by_tag_name("iframe")
driver.switch_to.frame(iframe)

sleep(3)

frame2_element = driver.find_element_by_tag_name("button")
frame2_element.click()

Error msg:

selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element

I used find_element_by_tag_name and before that i tried XPATH and it had same error.

I tried hard to explain everything i'm not good with explaining things to people so i hope u understand me, and please tell me what to do :( .

The url is : reCAPTCHA demo

Answer 1

The checkbox element with in the reCAPTCHA demo page is within an <iframe> so to invoke click() on the checkbox you have to:

• Induce WebDriverWait for the desired frame_to_be_available_and_switch_to_it().

Next, to click on the Submit button:

• You need to switch to the default_content
• Induce WebDriverWait for the desired element_to_be_clickable().

---

Solution

You can use the following xpath based Locator Strategies:

• Code Block:

  driver.get("https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox-explicit.php")
  WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[starts-with(@src, 'https://www.google.com/recaptcha/api2/anchor')]")))
  WebDriverWait(driver, 20).until(EC.invisibility_of_element_located((By.XPATH, "//div[@class='recaptcha-checkbox-spinner-overlay']")))
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='recaptcha-checkbox-border']"))).click()
  driver.switch_to.default_content()
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='form-field']"))).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
  

---

References

You can find a couple of relevant discussions in:

• Multiple iframe tags Selenium webdriver

---

Update

As per your recent comment update this element that i want to click on //*[@id="recaptcha-audio-button"] to click on the reCAPTCHA audio button you can use the following Locator Strategies:

driver.switch_to.default_content()
WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe[title='recaptcha challenge']")))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button#recaptcha-audio-button"))).click()

You can find a relevant detailed discussion in How to click on elements within an iframe to enable the captcha through the audio using Selenium and Python

Answer 2

Since you haven't posted the url, we don't know if the element exists or not, but if yes, you can try wait for it to load. It's explained here