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 p
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);
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");
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:
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
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')]")));
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