selenium之如何等待页面元素加载完成

慕城南风

已于 2023-02-13 11:08:44 修改

阅读量1.2w

点赞数 3

分类专栏： selenium 文章标签： selenium

于 2017-08-15 18:17:39 首次发布

本文链接：https://blog.csdn.net/lovedingd/article/details/77198318

版权

selenium 专栏收录该内容

16 篇文章 9 订阅

订阅专栏

webdriver中我们用两种方式进行等待：明确的等待和隐性的等待。

明确的等待（显示等待）

明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用Thread.sleep()去设置一段确认的时间去等待。但为什么说最不好呢？因为一个元素的加载时间有长有短，你在设置sleep的时间之前要自己把握长短，太短容易超时，太长浪费时间。selenium webdriver提供了一些方法帮助我们等待正好需要等待的时间。利用WebDriverWait类和ExpectedCondition接口就能实现这一点。

下面的html代码实现了这样的一种效果：点击click按钮5秒钟后，页面上会出现一个红色的div块。我们需要写一段自动化脚本去捕获这个出现的div，然后高亮之。

<html>  
    <head>  
        <title>Set Timeout</title>  
        <style>  
            .red_box {background-color: red; width = 20%; height: 100px; border: none;}  
        </style>  
        <script>  
            function show_div(){  
                setTimeout("create_div()", 5000);  
            }  
    
            function create_div(){  
                d = document.createElement('div');  
                d.className = "red_box";  
                document.body.appendChild(d);  
            }  
        </script>  
    </head>  
    <body>  
        <button id = "b" onclick = "show_div()">click</button>  
    </body>  
</html>

下面的代码实现了高亮动态生成的div块的功能：

[java] view plain copy print?
import org.openqa.selenium.By;  
import org.openqa.selenium.JavascriptExecutor;  
import org.openqa.selenium.WebDriver;  
import org.openqa.selenium.WebElement;  
import org.openqa.selenium.firefox.FirefoxDriver;  
import org.openqa.selenium.support.ui.ExpectedCondition;  
import org.openqa.selenium.support.ui.WebDriverWait;  
  
  
public class WaitForSomthing {  
  
    /** 
     * @author aerchi 
     */  
    public static void main(String[] args) {  
        System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");    
        WebDriver dr = new FirefoxDriver();  
        String url = "file:///C:/Documents and Settings/aerchi/桌面/selenium/Wait.html";// "%Path%/to/Wait.html"  
        dr.get(url);  
        WebDriverWait wait = new WebDriverWait(dr,10);  
        wait.until(new ExpectedCondition<WebElement>(){  
            @Override  
            public WebElement apply(WebDriver d) {  
                return d.findElement(By.id("b"));  
            }}).click();  
          
        WebElement element = dr.findElement(By.cssSelector(".red_box"));  
        ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);    
          
    }  
}  
 
上面的代码WebDriverWait类的构造方法接受了一个WebDriver对象和一个等待最长时间（10秒）。
然后调用until方法，其中重写了ExpectedCondition接口中的apply方法，让其返回一个WebElement,即加载完成的元素，然后点击。
默认情况下，WebDriverWait每500毫秒调用一次ExpectedCondition，直到有成功的返回，当然如果超过设定的值还没有成功的返回，将抛出异常。

显式等待可以使用selenium预置的判断方法，也可以使用自定义的方法。

 1 package com.test.elementwait;
 2 
 3 import org.openqa.selenium.By;
 4 import org.openqa.selenium.WebDriver;
 5 import org.openqa.selenium.firefox.FirefoxDriver;
 6 import org.openqa.selenium.support.ui.ExpectedCondition;
 7 import org.openqa.selenium.support.ui.ExpectedConditions;
 8 import org.openqa.selenium.support.ui.WebDriverWait;
 9 
10 public class ExplicitWait {
11 
12     public static void main(String[] args) {
13         WebDriver driver = new FirefoxDriver();
14         driver.get("http://www.baidu.com");
15         driver.manage().window().maximize();
16 
17         //标题是不是“百度一下，你就知道”
18         new WebDriverWait(driver,5).until(ExpectedConditions.titleIs("百度一下，你就知道"));
19         //标题是不是包含“百度一下”
20         new WebDriverWait(driver,5).until(ExpectedConditions.titleContains("百度一下"));
21         //判断该元素是否被加载在DOM中，并不代表该元素一定可见        
22         new WebDriverWait(driver,5).until(ExpectedConditions.presenceOfElementLocated(By.xpath("//*[@id='kw']")));
23         //判断元素(定位后)是否可见
24         new WebDriverWait(driver,5).until(ExpectedConditions.visibilityOf(driver.findElement(By.xpath("//*[@id='kw']"))));
25         //判断元素是否可见（非隐藏，并且元素的宽和高都不等以0）
26         new WebDriverWait(driver,5).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//*[@id='kw']")));
27         //只要存在一个就是true
28         ExpectedConditions.presenceOfAllElementsLocatedBy(By.xpath("//*[@id='kw']"));
29         //元素中的text是否包含语气的字符串
30         ExpectedConditions.textToBePresentInElementLocated(By.xpath("//*[@id='kw']"), "百度一下");
31         //元素的value属性中是否包含语气的字符串
32         ExpectedConditions.textToBePresentInElementValue(By.xpath("//*[@id='kw']"), "***");
33         //判断该表单是否可以切过去，可以就切过去并返回true，否则放回false
34         ExpectedConditions.frameToBeAvailableAndSwitchToIt(By.id("**"));
35         //判断某个元素是否不存在于DOM或不可见
36         ExpectedConditions.invisibilityOfElementLocated(By.xpath("//*[@id='kw']"));
37         //判断元素是否可以点击
38         ExpectedConditions.elementToBeClickable(By.xpath("//*[@id='kw']"));
39         //等到一个元素从DOM中移除
40         ExpectedConditions.stalenessOf(driver.findElement(By.xpath("//*[@id='kw']")));
41         //判断某个元素是否被选中，一般用在下拉列表
42         ExpectedConditions.elementToBeSelected(By.xpath("//*[@id='kw']"));
43         //判断某个元素的选中状态是否符合预期
44         ExpectedConditions.elementSelectionStateToBe(By.xpath("//*[@id='kw']"), true);
45         //判断某个元素(已定位)的选中状态是否符合预期
46         ExpectedConditions.elementSelectionStateToBe(driver.findElement(By.xpath("//*[@id='kw']")), false);
47         //判断页面中是否存在alert
48         new WebDriverWait(driver,5).until(ExpectedConditions.alertIsPresent());
49         //--------------------自定义判断条件-----------------------------
50         WebDriverWait wait = new WebDriverWait(driver, 3);
51         wait.until(new ExpectedCondition<Boolean>() {
52              public Boolean apply(WebDriver driver) {
53                  return !driver.findElement(By.xpath("//*[@id='kw']")).getAttribute("class").contains("x-form-invalid-field");
54                              }
55                  });
56         
57     }
58 
59 }

隐性等待

隐性等待
 
隐性等待是指当要查找元素，而这个元素没有马上出现时，告诉WebDriver查询Dom一定时间。默认值是0,但是设置之后，这个时间将在WebDriver对象实例整个生命周期都起作用。上面的代码就变成了这样：
[java] view plain copy print?
import java.util.concurrent.TimeUnit;  
  
import org.openqa.selenium.By;  
import org.openqa.selenium.JavascriptExecutor;  
import org.openqa.selenium.WebDriver;  
import org.openqa.selenium.WebElement;  
import org.openqa.selenium.firefox.FirefoxDriver;  
import org.openqa.selenium.support.ui.ExpectedCondition;  
import org.openqa.selenium.support.ui.WebDriverWait;  
public class WaitForSomthing {  
  
    /** 
     * @author gongjf 
     */  
    public static void main(String[] args) {  
        // TODO Auto-generated method stub  
        System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");    
        WebDriver dr = new FirefoxDriver();  
          
        //设置10秒  
        dr.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);  
          
        String url = "file:///C:/Documents and Settings/aerchi/桌面/selenium/Wait.html";// "%Path%/to/Wait.html"  
        dr.get(url);  
                 //注释掉原来的  
        /*WebDriverWait wait = new WebDriverWait(dr,10); 
        wait.until(new ExpectedCondition<WebElement>(){ 
            @Override 
            public WebElement apply(WebDriver d) { 
                return d.findElement(By.id("b")); 
            }}).click();*/  
        dr.findElement(By.id("b")).click();  
        WebElement element = dr.findElement(By.cssSelector(".red_box"));  
        ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = \"5px solid yellow\"",element);    
          
    }  
}

两者选其一，第二种看起来一劳永逸呀。哈哈
博主用隐性等待是查找之前会等么不管元素出现与否？

对的，如果一个无素没有出现都会默认等待你所设定的时间，直到超时或者元素出现