Selenium can't locate iframe

Question

Selenium fails to locate the iframe by ID and Name.

This is for an automated checkout test on Shopify. The specific issue lies within the payment field. I found the ID and name of the iframe, which is card-fields-number-b1kh6njydiv00000.

iframe Image:

iframe Image

Text Field Image:

Text Field Image

Code trials:

driver.switchTo().frame("card-fields-number-b1kh6njydiv00000");
System.out.println("Found iframe");

The error is:

org.openqa.selenium.NoSuchFrameException: No frame element found by name or id card-fields-number-b1kh6njydiv00000

My guess is that the ID is changing... have you tried refreshing the page and checking the ID again? Please read why [a screenshot of code is a bad idea](https://meta.stackoverflow.com/questions/303812/discourage-screenshots-of-code-and-or-errors). Paste the code and properly format it instead. — JeffC, Feb 07 '19 at 15:19

iWheeler5 · Accepted Answer · 2019-05-14T12:09:44.213

1

It is possible to use XPath for this I believe. You will need to find the IFrame IWebElement with XPath, and then pass the IWebElement into the SwitchTo().Frame()

var ele = driver.FindElement(By.XPath("//iframe[contains(id, 'card-fields-number')]"));

driver.switchTo().frame(ele);

edited May 14 '19 at 12:09

answered Feb 07 '19 at 19:24

iWheeler5

26
4

score 0 · Answer 2 · answered Feb 07 '19 at 15:06

0

Are you tried to use driver.switchTo().defaultContent(); before switchTo.frame ?

Maybe you aren't out of all the frames

driver.switchTo().defaultContent();
driver.switchTo().frame("card-fields-number-b1kh6njydiv00000");
System.out.println("Found iframe");

answered Feb 07 '19 at 15:06

Xexeno

19
3

Tried it, didn't work. Prints out the same error message. – Jeff Feb 07 '19 at 15:10

score 0 · Answer 3 · answered Feb 07 '19 at 15:39

I guess the frame name or ID is dynamic each time.In that case use index to identify the frame.

int size = driver.findElements(By.tagName("iframe")).size();
  for(int i=0; i<=size; i++){
    driver.switchTo().frame(i); 
    //Do necessary operation here.
    driver.switchTo().defaultContent();
   }

Hope this helps

score 0 · Answer 4 · answered Feb 07 '19 at 21:38

As per the images you have shared the <iframe> is having dynamic attributes so to locate and switch to the desired <iframe> you have to:

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

You can use either of the following solutions:

cssSelector:

new WebDriverWait(driver, 10).until(ExpectedConditions.frameToBeAvailableAndSwitchToIt(By.cssSelector("iframe.card-fields-iframe[id^='card-fields-number-'][src*='shopifycs']")));

xpath:

new WebDriverWait(driver, 10).until(ExpectedConditions.frameToBeAvailableAndSwitchToIt(By.xpath("//iframe[@class='card-fields-iframe' and starts-with(@id,'card-fields-number-')][contains(@src, 'shopifycs')]")));

Here you can find a relevant discussion on Ways to deal with #document under iframe

Jeff · Answer 5 · 2019-02-08T16:35:39.933

0

My solution was to look for keywords that are the exact same for different dynamic id's. In this case, it was "card-fields-name". I did this by using the XPath locator.

driver.switchTo().frame(driver.findElement(By.xpath("//iframe[contains(@id,'card-fields-number')]")));

edited Feb 08 '19 at 16:35

answered Feb 07 '19 at 21:45

Jeff

170
2
5
19

Selenium can't locate iframe

5 Answers5

Linked