selenium webdriver——等待页面元素加载完成

lewis 1年前 (2024-04-16) 阅读数 18 #技术

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

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

明确的等待

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

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

--------------------------网页源码分隔开始------------------------------------------

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

--------------------------网页源码分隔结束------------------------------------------

[java]示例

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. "webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");
18. new FirefoxDriver();
19. "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Wait.html";// "/Your/Path/to/Wait.html"
20. dr.get(url);
21. new WebDriverWait(dr,10);
22. new ExpectedCondition<WebElement>(){
23. @Override
24. public WebElement apply(WebDriver d) {
25. return d.findElement(By.id("b"));
26. }}).click();
27. 
28. ".red_box"));
29. "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]示例

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. "webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");
20. new FirefoxDriver();
21. 
22. //设置10秒
23. 10, TimeUnit.SECONDS);
24. 
25. "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. "b")).click();
35. ".red_box"));
36. "arguments[0].style.border = \"5px solid yellow\"",element);
37. 
38. }
39. }

版权声明

本文仅代表作者观点，不代表博信信息网立场。

上一篇：#yyds干货盘点# LeetCode 热题 HOT 100：全排列下一篇：天翼云主机是什么,天翼云主机一款靠谱的云计算服务

selenium webdriver——等待页面元素加载完成

版权声明

作者文章