web自动化测试，强制等待与隐式等待 L1

学习笔记
1

强制等待与隐式等待

目录

  • 强制（直接）等待
  • 隐式等待
  • 显式等待

为什么要添加等待

  • 避免页面未渲染完成后操作，导致的报错
from selenium import webdriver
from selenium.webdriver.common.by import By

def wait_sleep():
    """
    如果直接执行，不添加任何等待，可能会报错
    """
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/")
    # 不加等待，可能会因为网速等原因产生报错
    driver.find_element(By.XPATH, "//*[text()='个人中心']")

if __name__ == '__main__':
    wait_sleep()

直接等待

  • 解决方案：在报错的元素操作之前添加等待
  • 原理：强制等待，线程休眠一定时间
  • 演练环境：https://vip.ceshiren.com/
  • time.sleep(3)
from selenium import webdriver
from selenium.webdriver.common.by import By

def wait_sleep():
    """
    如果直接执行，不添加任何等待，可能会报错
    """
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/")
    # 添加等待，让页面渲染完成
    #*************强制等待的使用
    # ============报错：  no such element: Unable to locate element
    # ============原因：  页面未加载完成，就去查找元素，此时这个元素还没加载出来
    # ============解决方案： 在no such element: Unable to locate element报错之前添加强制等待，等待页面渲染完成
    # 如果没有报错，证明就是页面渲染速度导致得问题，如果添加了强制等待还报错，那么可能是别的问题，比如定位错误
    time.sleep(3)
    driver.find_element(By.XPATH, "//*[text()='个人中心']")

if __name__ == '__main__':
    wait_sleep()

隐式等待

  • 问题：难以确定元素加载的具体等待时间。
  • 解决方案：针对于寻找元素的这个动作，使用隐式等待添加配置。
  • 演练环境：https://vip.ceshiren.com/
  • 原理：设置一个等待时间，轮询查找（默认0.5秒）元素是否出现，如果没出现就抛出异常
#设置一个等待时间，轮询查找（默认0.5秒）元素是否出现，如果没出现就抛出异常
driver.implicitly_wait(3)

from selenium import webdriver
from selenium.webdriver.common.by import By

def wait_sleep():
    """
    如果直接执行，不添加任何等待，可能会报错
    """
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/")
    # 添加等待，让页面渲染完成
    # *********隐式等待
    # 强制等待的问题:
    # 1. 不确定页面的加载时间,可能会因为等待时间过长,而影响用例的执行效率
    # 2. 不确定页面的加载时间,可能会因为等待时间过短,而导致代码依然会报错
    # 使用: 1. 在代码一开始运行的时候就添加隐式等待的配置,注意,隐式等待是全局生效,所以在所有的find_element动作之前就执行此代码
    #       2. 注意: 隐式等待只能解决元素查找的问题,不能解决元素交互的问题
    driver.implicitly_wait(3)
    driver.find_element(By.XPATH, "//*[text()='个人中心']")

if __name__ == '__main__':
    wait_sleep()

隐式等待无法解决的问题

  • 元素可以找到，使用点击等操作，出现报错
  • 原因：
    • 页面元素加载是异步加载过程，通常html会先加载完成，js、css其后
    • 元素存在与否是由HTML决定，元素的交互是由css或者js决定
    • 隐式等待只关注元素能不能找到，不关注元素能否点击或者进行其他的交互
  • 解决方案：使用显式等待

显式等待基本使用(初级)

  • 示例： WebDriverWait(driver实例, 最长等待时间, 轮询时间).until(结束条件)
  • 原理：在最长等待时间内，轮询，是否满足结束条件
  • 演练环境： 霍格沃兹测试开发
  • 注意：在初级时期，先关注使用
def wait_until():
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/#/ui_study")
    WebDriverWait(driver, 10).until(
        expected_conditions.element_to_be_clickable(
            (By.CSS_SELECTOR, '#success_btn')))
    driver.find_element(By.CSS_SELECTOR, "#success_btn").click()

import time

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait

def wait_show():
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/#/ui_study")
    # driver.implicitly_wait(5)
    # 问题: 元素可以找到,但是点击效果缺没有触发
    # 原因:
    # 第一个参数是driver , 第二个参数是最长等待时间, util方法内需要结合expected_conditions或者自己封装的方法进行使用
    # expected_conditions的参数传入的都是一个元组,即多一层小括号
    WebDriverWait(driver, 10).until(expected_conditions.element_to_be_clickable((By.ID, "success_btn")))
    driver.find_element(By.ID, "success_btn").click()
    time.sleep(5)

if __name__ == '__main__':
    # wait_sleep()
    wait_show()

总结

类型 使用方式 原理 适用场景
直接等待 time.sleep(等待时间) 强制线程等待 调试代码，临时性添加
隐式等待 driver.implicitly_wait(等待时间) 在时间范围内，轮询查找元素 解决找不到元素问题，无法解决交互问题
显式等待 WebDriverWait(driver实例, 最长等待时间, 轮询时间).until(结束条件) 设定特定的等待条件，轮询操作 解决特定条件下的等待问题，比如点击等交互性行为