CODEWITHSUNDEEP
pythonselenium-webdriverxpathiframecss-selectors
JayJay
JayJay

Reputation: 1

Having trouble locating an element with in an iframe using Selenium Python

I am attempting to click a button using an XPath but I am unable to locate the element. Complete noob here.

Here is the button element I copied:

  <button _ngcontent-ygw-c218="" class="btn"><span _ngcontent-ygw-c218="" translate="">SHOW ALL</span></button>

Here is my programming:

 ShowAll =driver.find_element_by_xpath('//*[@id="app-SelectComponents"]/div[1]/button[1]')
 ShowAll.click()

I have tried the following solution I found online to no avail (I've also replaced the 'btn' with 'SHOW ALL', no luck there):

 driver.switch_to.frame(driver.find_element_by_name('btn'))
 ShowAll =driver.find_element_by_xpath('//*[@id="app-SelectComponents"]/div[1]/button[1]')
 ShowAll.click()
 driver.switch_to.default_content()

Much appreciated.

EDIT: Here is a picture for reference. What am I doing wrong or what I can do to work around this issue?

HTML for reference

Upvotes: 0

Views: 115

Answers (2)

undetected Selenium
undetected Selenium

Reputation: 193058

The element with the text as SHOW ALL 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:

      WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe#iParts")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn > span[translate]"))).click()

    • Using XPATH:

      WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[@id='iParts']")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='btn']/span[text()='SHOW ALL']"))).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

Reference

You can find a couple of relevant discussions in:

Upvotes: 0

Babatunde Mustapha
Babatunde Mustapha

Reputation: 2653

You need to add time to make sure the element is available before asking selenium to pick it. Try this:

import time
driver.switch_to.frame(driver.find_element_by_name('btn'))
time.sleep(5) #you can change the 5 depending on the number that works
ShowAll =driver.find_element_by_xpath('//*[@id="app-SelectComponents"]/div[1]/button[1]').click()
driver.switch_to.default_content()

Upvotes: 0

Related Questions