目录
UI 自动化中经常会用到屏幕滑动,selenium 提供的接口很少。记录一下常用的 js 语句以免忘记
前言:
在使用 Selenium 进行网页自动化测试时,有时需要滑动屏幕来滚动页面以便测试某些元素。下面是一些常用的 JavaScript 语句,可以用来实现在 Selenium 中滑动屏幕。
UI 自动化中经常会用到屏幕滑动,selenium 提供的接口很少。记录一下常用的 js 语句以免忘记
- 从 (0,0) 滑动 x,y 距离
window.scroll(x,y)
- 从当前位置滑动 x,y 距离
window.scrollBy(x,y)
- 滑动到底部位置
window.scroll(0, document.documentElement.scrollHeight)
- 滑动到顶部位置
window.scroll(0, 0)
- 滑动元素至顶部对齐,可以使用 selenium 自带的,也可以用 js
element.location_once_scrolled_into_view
或者
driver.execute_script('arguments[0].scrollIntoView({block: "start"})', element)
或者
driver.execute_script('arguments[0].scrollIntoView(true)', element)
- 滑动元素至屏幕中间
driver.execute_script('arguments[0].scrollIntoView({block: "center"})', element)
- 滑动元素至屏幕底部对齐
driver.execute_script('arguments[0].scrollIntoView({block: "end"})', element)
或者
driver.execute_script('arguments[0].scrollIntoView(flase)', element)
- 缩放页面
js = "document.body.style.zoom='60%'"
封装一下便于调用
import time
from selenium import webdriver
import os
from selenium.webdriver.chrome.options import Options
class Scroll(object):
"""
browser = driver
"""
browser: object = None
@property
def driver(self):
return self.__class__.browser
@driver.setter
def driver(self, driver):
self.__class__.browser = driver
@classmethod
def scroll(cls, x, y):
"""
移动x,y距离(以 0,0)为坐标
:param x:
:param y:
:return:
"""
script = f"window.scroll({x},{y})"
cls.browser.execute_script(script)
@classmethod
def scroll_to_bottom(cls):
"""
移动到底部
:return:
"""
full_screen_height = "document.documentElement.scrollHeight"
script = f"window.scroll(0, {full_screen_height})"
cls.browser.execute_script(script)
@classmethod
def scroll_to_top(cls):
"""
回到顶部
:return:
"""
script = "window.scroll(0, 0)"
cls.browser.execute_script(script)
@staticmethod
def scroll_to_element_top(element):
"""
滑动至顶部对齐
:param element:
:return:
"""
var = element.location_once_scrolled_into_view
@classmethod
def scroll_to_element_center(cls, element):
"""
滑动至中间对齐
:param element:
:return:
"""
cls.browser.execute_script('arguments[0].scrollIntoView({block: "center"})', element)
@classmethod
def scroll_to_element_bottom(cls, element):
"""
滑动至底部对齐
:return:
"""
cls.browser.execute_script('arguments[0].scrollIntoView(false)', element)
chromedriver = os.getenv("CHROME_DRIVER")
options = Options()
options.add_argument("--start-maximized")
driver = webdriver.Chrome(executable_path=chromedriver, options=options)
driver.get("file:///C:/demo.html")
element = driver.find_element_by_id("demo")
Scroll.browser = driver
Scroll.scroll_until_element_displayed(element)
time.sleep(3)
Scroll.scroll_to_element_top(element)
time.sleep(3)
Scroll.scroll_to_element_center(element)
time.sleep(3)
Scroll.scroll_to_element_bottom(element)
time.sleep(3)
driver.quit()
作为一位过来人也是希望大家少走一些弯路
在这里我给大家分享一些自动化测试前进之路的必须品,希望能对你带来帮助。
(软件测试相关资料,自动化测试相关资料,技术问题答疑等等)
相信能使你更好的进步!
点击下方小卡片