web自动化系列-selenium的3种等待方式(十一)

在ui自动化测试中，几乎出现问题最多的情况就是定位不到元素 ，当你的自动化在运行过程中 ，突然发现报错走不下去了 。很大概率就是因为找不到元素 ，而找不到元素的一个主要原因就是页面加载慢 ，代码运行速度快导致 。

遇到以上的问题 ，该怎么办呢 ？其中一个解决方案就是加等待时间 。

1.元素等待介绍

1.什么是元素等待 ？ 在运行web自动化的过程中，有两个运行速度 。 一个就是代码的运行速度 ，一个是浏览器的渲染速度 。

代码的运行速度很快 ，基本都是保持在毫秒级甚至以下 ，通过人眼的观察你可能都看不到的运行过程就已经结束了 ；而浏览器的渲染速度较慢 ，一般保持在毫秒到秒级别 ，再加上网络时间和网站的一些性能问题 ，这个速度就更慢 。

而在web自动化中 ，这两个速度的关联就是代码运行驱动浏览器的运行 ，代码运行速度快 ，有时候浏览器渲染速度跟不上 ，就会导致找不到元素的情况 。解决的办法就是让代码的运行速度慢一些 ，在执行过程中等待一会或者检查下浏览器的元素出来没有 ，如果出来了则再运行 ，这就是元素等待的本质 。

2.三种等待方式

在web自动化中 ，可以使用以下三种等待方式 ，分别是强制等待 、隐式等待 、显示等待 。

2.1 强制等待

所谓的强制等待 ，就是通过python time模块中的sleep方法 ，让代码在某个地方暂停n秒 。放在自动化中 ，就是让代码的运行暂时先停下来 ，让浏览器的渲染速度更上代码的允许速度 。

# 导包 ：import time
# 等待5s : time.sleep(5)

在这里就存在这个问题 ，web自动化代码那么多 ，我应该把这种强制等待放在哪里呢 ？具体的说放在那一行代码呢 ？这个问题的答案跟我们的系统有关系 ，一般编写好代码以后 ，我们都会进行调试运行 ，在调试运行的过程中 ，你会发现某个页面的加载速度比较长 ，页面元素多 ，那么进入这个页面以后往往就需要加等待时间 ，对应代码的位置就是加载这个页面的下一行就是等待时间的代码 。

那么 ，当出现一个加载慢的页面时 ，应设置几秒的等待时间呢 ？3s还是5s ? 这就需要我们多次运行以观察在该页面一般需要几秒加载出来 ，一般设置的等待时间会比这个长个1~2s .大白话就是我们需要根据观察得出一个等待时间 ，这个时间往往都是我们主观判断得出 的，经常会出现等待时间不够或者等待时间过长的情况 。

• 它的优点是：在一些不稳定的页面、复杂的页面 ，使用强制等待是比较好的，反正就等那么长时间 。
• 它的缺点是：因为时间往往是根据我们的经验值设置 ，难免会出现等待时间长的情况 ，这样就降低了自动化的执行效率 。其实很多情况下页面元素早已出现 ，而我们设置的等待时间还没有到 ，它还在那傻傻的等 ，直到时间到了它才会继续运行 。

2.2 隐式等待

什么是隐式等待 ？隐式等待是对页面中的所有元素进行等待 ，它也需要设置一个等待时间，在等待的时间内，当页面所有元素都加载出来后就往下执行了 ，即便时间没到也会继续往下执行 。所以 ，它的等待结束时间是页面所有元素都加载完，而不是它设置的等待时间 。当然 ，这里面还有一种情况就是等待时间已用完，但是页面元素还没有都加载出来 ，这时就会抛出异常 。

比如我一个页面有200个页面对象 ，有输入框、有按钮、有链接、有图标等 。使用隐式等待就是在规定的时间内，若这200个页面对象都加载出来了，就继续往下执行 ，否则到了规定时间还有元素没加载完就会报错 。

# 隐式等待
driver.implicitly_wait(5)        # 等待5s .

这是webDriver里的一个方法 ，可使用浏览器对象直接调用 。

• 它的优点是：相比time.sleep()而言 ，它更加智能 ，不需要必须等到所有时间用完才往下执行 。也许你设置了5s ,但是当到了3s时页面元素都已加载出来 ，这个时候它就会继续往下执行了 ，这样就能提高执行效率 。
• 它的缺点是 ：它的这种等待方式不太合理 ，很多情况下 ，我们定位的是具体的某个元素 ，也就是说我们等待的是一个元素 ，而它现在是等待这个页面的所有元素 。即便我们要等到元素早以出现 ，但是它还是要把所有元素都加载完才会继续运行 。所以，从效率上还是优化空间的 。

2.3 显式等待

什么是显式等待 ？显式等待就是针对某个特定的元素设置等待时间 ，它就等待一个元素 ，元素出现则往下运行 ，元素没出现，则继续等待，直到等到到超出规定的等待时间 ，这时也会抛出

NoSuchElementException

异常 。

还是以上面的例子说明 ，比如一个页面有200个对象 ，有输入框、有按钮、有链接、有图标等 。但是我在代码中设置就等待其中的一个操作按钮 ，使用显式等待后，它就会等待这一个操作按钮 ，如果这个按钮的元素已经加载出来，即便其它元素仍没有加载出来 ，它也不管 ，则会继续往下运行。

# 1.导包 ： from selenium.webdriver.support.wait import WebDriverWait
# 2.使用类：WebDriverWait(driver,timeout,poll_frequency=0.5)
            driver : 浏览器驱动对象
            timeout : 超时的时长 ，单位 ：秒
            poll_frequency : 检测间隔时间 ，默认为0.5s
# 3)调用它的方法 ：until(method) ，直到 ... 时 ，此方法返回的布尔值。
    method ： 函数名称，该函数实现的是对元素的定位 。一般使用匿名函数来实现 ：
    
#显式等待的完整代码如下：
WebDriverWait(driver,10,0.5).until(lambda driver:driver.find_element_by_id("username"))

• 它的优点是：只等待一个元素 ，等待到即可继续运行 ，花费时间最少 ，执行效率也高 ，所以一般都会用此方法，并且会将它封装成一个公共方法 。

三种方法总结 ：

• 显式等待 ：等待页面中的一个元素 ，等待到即可继续运行，时间到还没有等待到即报错
• 隐式等待 ： 等待页面中的所有元素 ，所有元素加载完即可继续运行 ，时间到还没有加载完的即报错 。
• 强制等待 ： 按时间等待 ，无论页面元素是否加载完毕 ，它都会继续运行 。

3.具体案例

需求：通过selenium完成对tpshop的登录操作，具体如下 ：

1. 点击首页登录 ，使用显式等待8s .
2. 输入用户名 ，输入密码 ，输入验证 。
3. 使用逻辑与属性定位用户名输入框，并输入账号，如13988888888
4. 点击登录 ，使用隐藏等待 ，等待时间8s .
5. 进入首页 ，点击安全退出按钮 ，使用强制等待2s .
6. 关闭浏览器

# 定位tpshop登录
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.wait import WebDriverWait

# 1. 创建浏览器对象
driver = webdriver.Chrome()
driver.maximize_window()

# 2. 输入地址
driver.get("http://localhost")

# 3. 元素定位
# 3.1 点击登录 ： link_text
driver.find_element_by_link_text("登录").click()

# 定位输入框 ：显式等待8s .
WebDriverWait(driver,8,0.5).until(lambda driver:driver.find_element_by_id("username"))

# 3.2 输入用户名
driver.find_element_by_id("username").send_keys("13088888888")

# 3.3 输入密码
driver.find_element_by_name("password").send_keys("123456")

# 3.4 输入验证码
driver.find_element_by_id("verify_code").send_keys("8888")

# 4. 点击登录
driver.find_element_by_class_name("J-login-submit").click()

driver.implicitly_wait(8)      # 隐式等待

# 点击安全退出按钮 
driver.find_element_by_link_text("安全退出").click()
sleep(2)        # 强制等待2s 

driver.quit()