Selenium 执行JavaScript语句

机智的测试生活

Selenium 提供了两种执行 JavaScript 脚本的方法:

execute_script:同步执行——常用

execute_async_script:异步执行

应用场景1:时间输入框

有些时间输入框控件,添加了 readonly 属性,限制该控件只读,不可写入,那就无法直接通过 send_keys() 输入内容。

对于这种情况的处理方式及步骤:

  1. 通过 JavaScript 脚本移除 readonly 属性
  2. 清空输入框内容
  3. 按时间格式输入信息

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()  # 打开浏览器
driver.get("https://www.12306.cn/index/")  # 跳转至测试页面

sleep(1)
js = "document.getElementById('train_date').removeAttribute('readonly')"  # 编写 JavaScript 语句移除 readonly 属性
driver.execute_script(js)  # 同步执行 JavaScript 语句
element = driver.find_element_by_id("train_date")  # 定位元素
element.clear()  # 清空内容
sleep(1)
element.send_keys("2020-08-10")  # 输入内容
sleep(2)

driver.quit()  # 关闭浏览器

应用场景2:操作滚动条

操作滚动条常用的 JavaScript 语句:

序号JavaScript 语句描述
1document.documentElement.scrollTop=1000移动到距离顶部 1000 的位置
2window.scrollTo(0, document.body.scrollHeight*0.5)按高度比例移动到绝对位置(x轴方向, y轴方向)
3window.scrollTo(0, 1000)移动到绝对坐标位置(x轴方向, y轴方向)
4window.scrollBy(0, -200)相对当前坐标移动相应距离(x轴方向, y轴方向)
from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()  # 打开浏览器
driver.get("https://www.douban.com/")  # 跳转至测试页面

sleep(1)
js1 = "document.documentElement.scrollTop=500"  # y轴方向 移动到距离顶部 500 的位置
js2 = "window.scrollTo(0, document.body.scrollHeight*0.5)"  # y轴方向 移动到坐标为总高度的50% 的位置
js3 = "window.scrollTo(0, 1000)"  # y轴方向 移动到高度为 1000 的位置
js4 = "window.scrollBy(0, -500)"  # 相对当前位置向上移动 500

driver.execute_script(js1)  # 执行 JavaScript 语句
sleep(3)
driver.execute_script(js2)  # 执行 JavaScript 语句
sleep(3)
driver.execute_script(js3)  # 执行 JavaScript 语句
sleep(3)
driver.execute_script(js4)  # 执行 JavaScript 语句

sleep(3)
driver.quit()  # 关闭浏览器

总结

阅读 1.6k

机智的测试生活
双非大龄青年,转行测试工程师。 分享测试工程师的职业经验, 提供付费转行咨询

公号|机智的测试生活

75 声望
477 粉丝
0 条评论

公号|机智的测试生活

75 声望
477 粉丝
文章目录
宣传栏