51Testing软件测试论坛

标题: webdriver2.0 页面的显性等待和隐性等待有什么区别 [打印本页]

作者: gabriel    时间: 2012-5-7 15:48
标题: webdriver2.0 页面的显性等待和隐性等待有什么区别
如题 谢谢,官网文档没怎么看明白。
作者: dian106106    时间: 2012-5-9 23:42
明确的等待
 
明确的等待是指在代码进行下一步操作之前等待某一个条件的发生。最不好的情况是使用Thread.sleep()去设置一段确认的时间去等待。但为 什么说最不好呢?因为一个元素的加载时间有长有短,你在设置sleep的时间之前要自己把握长短,太短容易超时,太长浪费时间。selenium webdriver提供了一些方法帮助我们等待正好需要等待的时间。利用WebDriverWait类和ExpectedCondition接口就能实现这一点。
 
 
下面的html代码实现了这样的一种效果:点击click按钮5秒钟后,页面上会出现一个红色的div块。我们需要写一段自动化脚本去捕获这个出现的div,然后高亮之。
 
 
Html代码

Wait.html

<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块的功能:
&nbsp;
Java代码

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();
                String url = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/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,直到有成功的返回,当然如果超过设定的值还没有成功的返回,将抛出异常。


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


Java代码


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/gongjf/桌面/selenium_test/Wait.html";// "/Your/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);  
               
        }
}


小结:

两种方法任选其一
作者: vipwork    时间: 2012-10-8 15:16
留个脚印,以后一定有用
作者: zhongxinxu    时间: 2012-10-26 13:55
同上
作者: shingo0109    时间: 2012-10-29 09:56
同上~~~
作者: bob123654    时间: 2013-2-20 13:51
楼主好人




欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2