多测师是一家拥有先进的教学理念,强大的师资团队,业内好评甚多的接口自动化测试培训机构!

17727591462

联系电话

您现在所在位置:接口自动化测试培训 > 新闻资讯

Selenium执行JavaScript脚本-自动化测试

更新时间:2022-03-17 09:32:27 作者:多测师 浏览:183

  JavaScript是运行在客户端(浏览器)和服务器端的脚本语言,允许将静态网页转换为交互式网页。可以通过 Python Selenium WebDriver 执行 JavaScript 语句,在Web页面中进行js交互。那么js能做的事,Selenium应该大部分也能做。WebDriver是模拟终端用户的交互,所以就不能点击不可见的元素,有时可见元素也不能点击。在这些情况下,我们就可以通过WebDriver 执行JavaScript来点击或者执行页面元素。本文将介绍如何使用WebDriver执行JavaScript语句。

Selenium执行JavaScript脚本-自动化测试

  Web元素定位及操作

  使用execute_script() 执行 JavaScript 代码,有两种方法实现元素操作。

  方法1:文档级别操作

  直接使用JavaScript实现元素定位和动作执行,主要方法有:

  document.getElementById

  document.getElementsByClassName

  document.getElementsByName

  document.getElementsByTagName

  document.getElementsByTagNameNS

  测试示例:

  ·打开百度一下

  ·输入框输入”test“

  ·点击百度一下

  python代码:

  def test_baidu(self):

  self.driver.get("http://www.baidu.com")

  self.driver.execute_script('document.getElementById("kw").value = "test"')

  time.sleep(2)

  self.driver.execute_script('document.getElementById("su").click()')

  time.sleep(2)

  在执行过程中,WebDriver 将 JavaScript 语句注入到浏览器中,然后脚本将执行。这个注入 JavaScript 有自己的名称空间,不会干扰实际网页中的 JavaScript运行。

  方法2:元素级别操作

  可以先使用WebDriver获取想要操作的元素,然后使用JavaScript执行操作。

  input_ele = driver.find_element_by_id("su")

  driver.execute_script("arguments[0].click();", input_ele)

  python代码:

  def test_baidu2(self):

  self.driver.get("http://www.baidu.com")

  input_ele = self.driver.find_element_by_id("kw")

  self.driver.execute_script("arguments[0].value = 'test';", input_ele)

  time.sleep(2)

  baidu_ele = self.driver.find_element_by_id("su")

  self.driver.execute_script("arguments[0].click();", baidu_ele)

  time.sleep(2)

  可以在语句中使用多个 JavaScript动作:

  username = driver.find_element_by_xpath("//*[@id='username']")

  password = driver.find_element_by_xpath("//*[@id='password']")

  driver.execute_script("arguments[0].value = 'admin';arguments[1].value = 'admin';", username, password)

  获取返回值

  可以返回JavaScript的执行结果:

  driver.execute_script("return document.getElementById('kw').value")

  driver.execute_script("return document.title;") # 返回网页标题

  滑动

  在Web自动化测试 | ActionChains、TouchAction 中介绍了TouchAction类中scroll_from_element()也可以滑动页面。

  滑动到浏览器底部

  document.documentElement.scrollTop=10000

  window.scrollTo(0, document.body.scrollHeight)

  滑动到浏览器顶部

  document.documentElement.scrollTop=0

  window.scrollTo(document.body.scrollHeight,0)

  更改元素属性

  大部分时间控件都是 readonly属性,需要手动去选择对应的时间。自动化测试中,可以使用JavaScript代码取消readonly属性。

  测试页面:https://www.12306.cn/index/

  测试步骤:

  ·打开测试页面

  ·修改出发日期

  ·断言日期是否修改成功

  python测试代码:

  def test_datettime(self):

  self.driver.get("https://www.12306.cn/index/")

  # 取消readonly属性

  self.driver.execute_script("dat=document.getElementById('train_date'); dat.removeAttribute('readonly')")

  self.driver.execute_script("document.getElementById('train_date').value='2020-10-01'")

  time.sleep(3)

  now_time = self.driver.execute_script("return document.getElementById('train_date').value")

  assert '2020-10-01' == now_time

  总结

  Selenium WebDriver 执行 JavaScript代码是一个非常强大的功能,可以实现WebElement 接口所有功能,甚至更多的功能。比如在web性能测试中可以调用Web API接口window.performance来测试Web性能。

  以上内容为大家介绍了自动化测试中的Selenium执行JavaScript脚本,本文由多测师亲自撰写,希望对大家有所帮助。了解更多自动化测试相关知识:https://www.aichudan.com/xwzx/

联系电话

17727591462

返回顶部