Element present in driver.getPageSource() but getting NoSuchElement Exception in Selenium with java

Question

Hi I am working on automation -selenium with java. I need to click on a button which is inside a modal popup and the whole is inside an iframe. I tried the following code:

driver.switchTo().frame(2);
log.info(driver.getPageSource()); 
driver.findElement(By.className("modal-content")).isDisplayed(); 

I get the element with class "modal-content" in the pagesource but NoSuchElement Exception when i run the automation script. Is there any possible way to find the element? Thanks.

Answer 1

Try this:-

driver.switchTo().frame("frame-preview-c182db");
driver.findElement(By.xpath(".//span[contains(text(),'Frozen')]")).isDisplayed();  

Here i'm switching the frame using ID.

Answer 2

Okay, the Problem you're facing are your js sandboxes. An iframe loads the entire content of another page into your parent page, including a separate execution environment for Javascript. To access this environment you need to explivitly call driver.switchTo().frame(WEBELEMENT) before you can interact with the elements.

In your case driver.switchTo().frame(driver.findElement(By.cssSelector("iframe[id*='frame-preview']")); followed by your element query should work.

If it doesn't try going up your tree and look if you're possibly within a nested iframe. In that case you need to switch step by step from the most outer to your target frame.

Answer 3

If it is the only iframe starting with frame-preview locator you can use partial css locator (or xpath - up to you) to explicity state the frame you want to change to:

List<WebElement> iframes = driver.findElements(By.cssSelector("iframe[id^='frame-preview']");
driver.switchTo().frame(iframes.get(INDEX_OF_IFRAME_TO_USE));

Then try some more explicit selector for the modal-content:

WebElement modalContent = driver.findElement(By.cssSelector("div[data-rec-id='FloatingPanelComponent-modalContainer] div[class='modal-content']");

If this results in NoSuchElementException you should probably introduce some timeout. Test it by placing a breakpoint at the WebElement modalContent line. If waiting resolves your issue, introduce an ExplicitWait, like this:

WebDriverWait wait = new WebDriverWait(webDriver, 10);
WebElement element = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div[data-rec-id='FloatingPanelComponent-modalContainer] div[class='modal-content']")));