写点什么

技术分享 | Web 自动化之显式等待与隐式等待

  • 2022 年 9 月 26 日
    北京
  • 本文字数:2443 字

    阅读完需:约 8 分钟

等待就是当运行代码时,如果页面的渲染速度跟不上代码的运行速度,就需要人为的去限制代码执行的速度。


在做 Web 自动化时,一般要等待页面元素加载完成后,才能执行操作,否则会报找不到元素等各种错误,这样就要求在有些场景下加上等待。


最常见的有三种等待方式:


隐式等待


显式等待


强制等待


后面会一一介绍这三种模式的使用场景。


隐式等待设置一个等待时间,轮询查找(默认 0.5 秒)元素是否出现,如果没出现就抛出异常。这也是最常见的等待方法。


隐式等待的作用是全局的,是作用于整个 session 的生命周期,也就是说只要设置一次隐式等待,后面就不需要设置。如果再次设置隐式等待,那么后一次的会覆盖前一次的效果。


当在 DOM 结构中查找元素,且元素处于不能立即交互的状态时,将会触发隐式等待。


Python 版本 self.driver.implicitly_wait(30)


Java 版本//隐式等待调用方式,设置等待时间为 5 秒 driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);


显式等待显式等待是在代码中定义等待条件,触发该条件后再执行后续代码,就能够根据判断条件进行等待。程序每隔一段时间进行条件判断,如果条件成立,则执行下一步,否则继续等待,直到超过设置的最长时间。核心用法如下:


Python 版本

导入显示等待

from selenium.webdriver.support.wait import WebDriverWaitfrom selenium.webdriver.support import expected_conditions...

设置 10 秒的最大等待时间,等待 (By.TAG_NAME, "title") 这个元素点击

WebDriverWait(driver, 10).until(expected_conditions.element_to_be_clickable((By.TAG_NAME, "title")))...


这里通过导入 expected_conditions 这个库来满足显式等待所需的使用场景,但是 expected_conditions 库并不能满足所有场景,这个时候就需要定制化开发来满足特定场景。


Java 版本 import org.openqa.selenium.support.ui.ExpectedConditions;import org.openqa.selenium.support.ui.WebDriverWait;


...// 设置 10 秒的最大等待时间,等待 (By.TAG_NAME, "title") 这个元素点击 WebDriverWait wait = new WebDriverWait(driver,10);wait.until(ExpectedConditions.elementToBeClickable(By.tagName("title")));...


假设:要判断某个元素超过指定的个数,就可以执行下面的操作。


实战演练 def ceshiren():

定义一个方法

def wait_ele_for(driver):

将找到的元素个数赋值给 eles

    eles = driver.find_elements(By.XPATH, '//*[@id="site-text-logo"]')
复制代码

放回结果

return len(eles) > 0driver = webdriver.Chrome()driver.get('https://ceshiren.com')

显示等待 10 秒,直到 wait_ele_for 返回 true

WebDriverWait(driver, 10).until(wait_ele_for)
复制代码


void ceshiren(){webDriver = new ChromeDriver();webDriver.get("https://ceshiren.com");//显示等待 10 秒,直到 wait_ele_for 返回 truenew WebDriverWait(webDriver,10).until((ExpectedCondition<Boolean>) size -> waitEleFor());}// 定义一个方法 boolean waitEleFor(){// 将找到的元素个数赋值给 elesList<WebElement> elements = webDriver.findElements(By.xpath("//*[@id='site-text-logo']"));return elements.size() > 0;}


强制等待强制等待是使线程休眠一定时间。强制等待一般在隐式等待和显式等待都不起作用时使用。示例代码如下


Python 版本

等待十秒

time.sleep(10)


Java 版本// 等待 2000 毫秒,相当于等待 2 秒 Thread.sleep(2000)


实战演示访问测试人社区:https://ceshiren.com,点击分类,然后点击答疑区:


当点击分类时,元素还未加载完成,这里就需要隐式等待。在点击答疑区时,元素已加载完成,但是还处在不可点击的状态,这时要用到显式等待。


#导入依赖 import timefrom selenium import webdriverfrom selenium.webdriver.common.by import Byfrom selenium.webdriver.support import expected_conditionsfrom selenium.webdriver.support.wait import WebDriverWait


class TestHogwarts():def setup(self):self.driver = webdriver.Chrome()self.driver.get('https://ceshiren.com/')#加入隐式等待 self.driver.implicitly_wait(5)


def teardown(self):#强制等待 time.sleep(10)self.driver.quit()


def test_hogwarts(self):#元素定位,这里的 category_name 是一个元组。category_name = (By.LINK_TEXT, "开源项目")

加入显式等待

    WebDriverWait(self.driver, 10).until(        expected_conditions.element_to_be_clickable(category_name))
复制代码

点击开源项目

    self.driver.find_element(*category_name).click()
复制代码


import org.junit.jupiter.api.AfterAll;import org.junit.jupiter.api.BeforeAll;import org.junit.jupiter.api.Test;import org.openqa.selenium.By;import org.openqa.selenium.chrome.ChromeDriver;import org.openqa.selenium.support.ui.ExpectedConditions;import org.openqa.selenium.support.ui.WebDriverWait;


import java.util.concurrent.TimeUnit;


public class WebDriverWaitTest {private static ChromeDriver driver;@BeforeAllpublic static void setUp() {System.setProperty("webdriver.chrome.driver","/driver/chrome95/chromedriver");driver = new ChromeDriver();driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);}@AfterAllpublic static void tearDown() {driver.quit();}


@Testpublic void waitTest(){driver.get("https://ceshiren.com/");By locator = By.linkText("开源项目");// 加入显式等待 WebDriverWait wait = new WebDriverWait(driver, 10);wait.until(ExpectedConditions.elementToBeClickable(locator));// 点击开源项目 driver.findElement(locator).click();}}


在实际工作中等待机制可以保证代码的稳定性,保证代码不会受网速、电脑性能等条件的约束。


点击下方链接免费领取:性能测试+接口测试+自动化测试+测试开发+测试用例+简历模板+测试文档

http://qrcode.testing-studio.com/f?from=infoQ&url=https://ceshiren.com/t/topic/22265

用户头像

社区:ceshiren.com 微信:ceshiren2021 2019.10.23 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料,实时更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬。

评论

发布
暂无评论
技术分享 | Web自动化之显式等待与隐式等待_霍格沃兹测试开发学社_InfoQ写作社区