18.Selenium【滚动条操作】模拟鼠标滑轮滚动
一、前言
我们在进行UI自动化测试时,免不了要滑动鼠标,因为有些元素并不在首屏,需要滑动鼠标才可见。
selenium进行自动化过程中,可通过execute_script执行js语句实现页面滑动。常见的滑动场景分为四种:滑动至页面底部、滑动至顶部、滑动至具体位置、滑动至目标元素可见。
二、学习目标
1.滑动至页面底部
2.滑动至顶部
3.滑动至具体位置
4.滑动至目标元素可见
三、知识点
1.【滑动至页面底部】
代码示例:
js="window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)
2.【滑动至页面顶部】
代码示例:
js="window.scrollTo(0,-document.body.scrollHeight)"
driver.execute_script(js)
3.【滑动至具体位置】
代码示例:
window.scrollBy(0,500) # 向下滑动500个像素
window.scrollBy(0,-500) # 向上滚动500个像素
window.scrollBy(500,0) # 向右滑动500个像素
window.scrollBy(-500,0) # 向左滚动500个像素
driver.execute_script("window.scrollTo(x,y)") # 滑动到具体位置
4.【滑动至目标元素可见】
代码示例:
driver.execute_script("arguments[0].scrollIntoView();", element) # 向下滚动至-元素可见
driver.execute_script("arguments[0].scrollIntoView(false);", element) # 向上滚动至-元素可见