Geb / Selenium - 其他元素会收到点击

Question

I'm using a mixture of Geb and Selenium to do front end testing for our web portal. Our former developers implemented an overlay div to block any access to page when waiting for content. Thus, I often have to wait for this div to not being visible any longer before I can click on an element of interest.

I applied a fluent wait to check for overlay div not visible but sometimes the click goes to this overlay div anyway. That's really strange: The overlay is not visible resp. not attached to the DOM tree but the click goes to it.

How can this happen? What can I do to work around this issue?

Answer 1

Replacing the fluent wait:

protected final boolean waitForPageNotBusy(By by = By.className("busyOverlay")) {
    log.debug("Waiting for page not busy...")
    def timeout = 120
    boolean isNotBusy = new FluentWait(driver)
        .withMessage("Busy overlay still visible after $timeout seconds.")
        .pollingEvery(1, TimeUnit.SECONDS)
        .withTimeout(timeout, TimeUnit.SECONDS)
        .ignoring(org.openqa.selenium.NoSuchElementException.class)
        .ignoring(UnhandledAlertException.class)
        .until(ExpectedConditions.invisibilityOfElementLocated(by) as Function);
    isNotBusy
}

by a loop suggested by Saifur:

protected final boolean waitForPageNotBusy() {
    By by = By.className("busyOverlay")
    log.debug("Waiting for element to disappear: {}", by.toString())
    try {
        while (driver.findElements(by).size() > 0) {
            log.debug("Element still visible: {}", by.toString())
            sleep(1000)
        }
    } catch (NoSuchElementException nse) {
        log.debug(nse.message)
        return true
    }
}

could solve my problem.