如何修复陈旧的元素引用异常，同时尝试从日期选择器中选择日期？

Question

我正在尝试从日期选择器中选择日期。以下是代码

WebDriver d=new FirefoxDriver();
Actions a=new Actions(d);
String date="14";
d.get("http://www.eyecon.ro/bootstrap-datepicker/");
d.findElement(By.cssSelector("div#dp3>span")).click();
List<WebElement> trs=d.findElements(By.cssSelector("div.datepicker-days>table>tbody>tr"));
       for(WebElement tr:trs) {
            List<WebElement> tds=tr.findElements(By.tagName("td"));
            for(WebElement td:tds) {
                if(date.equals(td.getText())) {
                    a.moveToElement(td).click().build().perform();

                }
            }

}

使用上面的代码，我在这行代码中得到了陈旧的元素引用异常

"if(date.equals(td.getText())) {"

所以我把代码改成了这个

for(WebElement td:tds) {
                while(i<4) {
                    try {
                        if(date.equals(td.getText())) {
                            a.moveToElement(td).click().build().perform();

                        }
                        break;
                    }catch(Exception ex) {

                    }
                    System.out.println(i);
                    i++;
                }
            }

现在我可以选择日期了。但脚本仍在抛出陈旧的元素引用异常。脚本现在在此行显示错误

List<WebElement> tds=tr.findElements(By.tagName("td"));

我在过去的三天里一直在做这个。关于如何解决这个问题的任何建议。提前感谢

Answer 1

找到了一种更简单的方法来解决我的陈旧元素引用异常。

在使用Selenium2的Java中，请尝试以下代码：

 public WebElement cleanAndRebuildElement(final WebElement ee) {
        WebElement e2;
        try {
            e2=ee;
            e2.isDisplayed();
            logger.info("Element is cleaned : Not Stale Anymore !");
        } catch (StaleElementReferenceException e) {
              e2=null;

          
        } catch(NoSuchElementException nse) {
nse.printstacktrace(); 
          }
        return e2;
    }
}

Answer 2

您应该使用WebDriver等待和期待条件来解决元素的陈旧问题。下面是我测试过的代码的修改块，它是有效的。

 driver.findElement(By.cssSelector("div#dp3>span")).click();
 WebDriverWait wait = new WebDriverWait(driver, 30);
 List<WebElement> trs = wait.until(ExpectedConditions.presenceOfAllElementsLocatedBy(By.cssSelector("div.datepicker-days>table>tbody>tr")));
 datePicker:
 {
    for (WebElement tr : trs) {
       List<WebElement> tds = tr.findElements(By.tagName("td"));
       for (WebElement td : tds) {
                 wait.until(ExpectedConditions.not(ExpectedConditions.stalenessOf(td)));
                 if (date.equals(td.getText())) {
                        td.click();
                        break datePicker;
                 }
        }
     }
 }

有关更多信息，请查看此处的WebDriverWait和ExpectedConditions

Answer 3

在您的第一个代码中，单击元素后，DOM发生了更改，因为日期变为“14”，并且由于for循环仍在迭代，因此它引发了StaleElementReferenceException。

类似地，在第二段代码中，您确实打破了迭代td元素的“内部for循环”，但没有打破继续迭代tr元素的“外部”循环，因此它再次抛出了StaleElementReferenceException。

解决方案：-您应该在单击元素后使用中断从两个for循环中出来，从而在该过程中避免StaleElementReduce ceException。

下面的代码显示了您如何毫无例外地跳出两个for循环：

    WebDriver d=new FirefoxDriver();
    d.manage().window().maximize(); //Maximizing window
    d.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS); //Implicit wait for 20 seconds

    Actions a=new Actions(d);
    String date="14";
    int flag=0;

    d.get("http://www.eyecon.ro/bootstrap-datepicker/");
    d.findElement(By.cssSelector("div#dp3>span")).click();
    List<WebElement> trs=d.findElements(By.cssSelector("div.datepicker-days>table>tbody>tr"));
    for(WebElement tr:trs) {
        List<WebElement> tds=tr.findElements(By.tagName("td"));
        for(WebElement td:tds) {
            if(date.equals(td.getText())) {
                a.moveToElement(td).click().build().perform();
                flag=1; // Set to 1 when the required element was found and clicked.
                break; //To come out of the first for-loop
            }
        }
        if(flag==1)
            break; //Since the element was found, come out of the second for-loop.
    }

注意：-我添加了最大化窗口和提供隐式等待的代码，这实际上是在您编写selenium脚本时建议的。