• 怎么等待页面元素加载完成

    怎么等待页面元素加载完成

    web的自动化测试中，我们经常会遇到这样一种情况：当我们的程序执行时需要页面某个元素，而此时这个元素还未加载完成，这时我们的程序就会报错。怎么办？等待。等待元素出现后再进行对这个元素的操作。

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

     

    明确的等待

     

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

     

     

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

     

     

    [html] view plaincopyprint?
    1. Wait.html  
    2.   
    3. <html>  
    4.     <head>  
    5.         <title>Set Timeout</title>  
    6.         <style>  
    7.             .red_box {background-color: red; width = 20%; height: 100px; border: none;}  
    8.         </style>  
    9.         <script>  
    10.             function show_div(){  
    11.                 setTimeout("create_div()", 5000);  
    12.             }  
    13.     
    14.             function create_div(){  
    15.                 d = document.createElement('div');  
    16.                 d.className = "red_box";  
    17.                 document.body.appendChild(d);  
    18.             }  
    19.         </script>  
    20.     </head>  
    21.     <body>  
    22.         <button id = "b" onclick = "show_div()">click</button>  
    23.     </body>  
    24. </html>  

     

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

     

    [java] view plaincopyprint?
    1. import org.openqa.selenium.By;  
    2. import org.openqa.selenium.JavascriptExecutor;  
    3. import org.openqa.selenium.WebDriver;  
    4. import org.openqa.selenium.WebElement;  
    5. import org.openqa.selenium.firefox.FirefoxDriver;  
    6. import org.openqa.selenium.support.ui.ExpectedCondition;  
    7. import org.openqa.selenium.support.ui.WebDriverWait;  
    8.   
    9.   
    10. public class WaitForSomthing {  
    11.   
    12.     /** 
    13.      * @author gongjf 
    14.      */  
    15.     public static void main(String[] args) {  
    16.         // TODO Auto-generated method stub  
    17.         System.setProperty("webdriver.firefox.bin","D:\Program Files\Mozilla Firefox\firefox.exe");    
    18.         WebDriver dr = new FirefoxDriver();  
    19.         String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/Path/to/Wait.html"  
    20.         dr.get(url);  
    21.         WebDriverWait wait = new WebDriverWait(dr,10);  
    22.         wait.until(new ExpectedCondition<WebElement>(){  
    23.             @Override  
    24.             public WebElement apply(WebDriver d) {  
    25.                 return d.findElement(By.id("b"));  
    26.             }}).click();  
    27.           
    28.         WebElement element = dr.findElement(By.cssSelector(".red_box"));  
    29.         ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = "5px solid yellow"",element);    
    30.           
    31.     }  
    32. }  

     

    上 面的代码WebDriverWait类的构造方法接受了一个WebDriver对象和一个等待最长时间（10秒）。然后调用until方法，其中重写了 ExpectedCondition接口中的apply方法，让其返回一个WebElement,即加载完成的元素，然后点击。默认情况下，WebDriverWait每500毫秒调用一次ExpectedCondition，直到有成功的返回，当然如果超过设定的值还没有成功的返回，将抛出异常。

     

    隐性等待

     

    隐性等待是指当要查找元素，而这个元素没有马上出现时，告诉WebDriver查询Dom一定时间。默认值是0,但是设置之后，这个时间将在WebDriver对象实例整个生命周期都起作用。上面的代码就变成了这样：

    [java] view plaincopyprint?
    1. import java.util.concurrent.TimeUnit;  
    2.   
    3. import org.openqa.selenium.By;  
    4. import org.openqa.selenium.JavascriptExecutor;  
    5. import org.openqa.selenium.WebDriver;  
    6. import org.openqa.selenium.WebElement;  
    7. import org.openqa.selenium.firefox.FirefoxDriver;  
    8. import org.openqa.selenium.support.ui.ExpectedCondition;  
    9. import org.openqa.selenium.support.ui.WebDriverWait;  
    10.   
    11.   
    12. public class WaitForSomthing {  
    13.   
    14.     /** 
    15.      * @author gongjf 
    16.      */  
    17.     public static void main(String[] args) {  
    18.         // TODO Auto-generated method stub  
    19.         System.setProperty("webdriver.firefox.bin","D:\Program Files\Mozilla Firefox\firefox.exe");    
    20.         WebDriver dr = new FirefoxDriver();  
    21.           
    22.         //设置10秒  
    23.         dr.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);  
    24.           
    25.         String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/Path/to/Wait.html"  
    26.         dr.get(url);  
    27.                  //注释掉原来的  
    28.         /*WebDriverWait wait = new WebDriverWait(dr,10); 
    29.         wait.until(new ExpectedCondition<WebElement>(){ 
    30.             @Override 
    31.             public WebElement apply(WebDriver d) { 
    32.                 return d.findElement(By.id("b")); 
    33.             }}).click();*/  
    34.         dr.findElement(By.id("b")).click();  
    35.         WebElement element = dr.findElement(By.cssSelector(".red_box"));  
    36.         ((JavascriptExecutor)dr).executeScript("arguments[0].style.border = "5px solid yellow"",element);    
    37.           
    38.     }  
    39. }  

     

    两者选其一，第二种看起来一劳永逸呀。哈哈
  • 相关阅读:
    网页居中的问题
    棋盘覆盖
    可变宽度的圆角框
    多线程编辑问题
    实验五 Web项目开发
    实验三 一个标准的Windows应用程序
    【语言处理与Python】1.2将文本当作词链表
    【语言处理与Python】1.5自动理解自然语言
    【语言处理与Python】1.1文本和单词
    【语言处理与Python】1.3计算语言：简单的统计
  • 原文地址：https://www.cnblogs.com/timssd/p/5101435.html
Copyright © 2020-2023  润新知