• 软件测试|selenium执行js脚本


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

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

    方法1:文档级别操作
    直接使用JavaScript实现元素定位和动作执行,主要方法有:

    1. document.getElementById
    2. document.getElementsByClassName
    3. document.getElementsByName
    4. document.getElementsByTagName
    5. document.getElementsByTagNameNS

    测试示例:

    打开百度一下
    输入框输入”test“
    点击百度一下
    python代码:

    1. def test_baidu(self):
    2. self.driver.get("http://www.baidu.com")
    3. self.driver.execute_script('document.getElementById("kw").value = "test"')
    4. time.sleep(2)
    5. self.driver.execute_script('document.getElementById("su").click()')
    6. time.sleep(2)

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

    方法2:元素级别操作
    可以先使用WebDriver获取想要操作的元素,然后使用JavaScript执行操作。

    1. input_ele = driver.find_element_by_id("su")
    2. driver.execute_script("arguments[0].click();", input_ele)
    3. python代码:
    4. def test_baidu2(self):
    5. self.driver.get("http://www.baidu.com")
    6. input_ele = self.driver.find_element_by_id("kw")
    7. self.driver.execute_script("arguments[0].value = 'test';", input_ele)
    8. time.sleep(2)
    9. baidu_ele = self.driver.find_element_by_id("su")
    10. self.driver.execute_script("arguments[0].click();", baidu_ele)
    11. time.sleep(2)

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

    1. username = driver.find_element_by_xpath("//*[@id='username']")
    2. password = driver.find_element_by_xpath("//*[@id='password']")
    3. driver.execute_script("arguments[0].value = 'admin';arguments[1].value = 'admin';", username, password)

    获取返回值
    可以返回JavaScript的执行结果:

    1. driver.execute_script("return document.getElementById('kw').value")
    2. driver.execute_script("return document.title;") # 返回网页标题
    3. 滑动
    4. 在Web自动化测试 | ActionChains、TouchAction 中介绍了TouchAction类中scroll_from_element()也可以滑动页面。
    5. 滑动到浏览器底部
    6. document.documentElement.scrollTop=10000
    7. window.scrollTo(0, document.body.scrollHeight)
    8. 滑动到浏览器顶部
    9. document.documentElement.scrollTop=0
    10. window.scrollTo(document.body.scrollHeight,0)

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

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

    在这里插入图片描述

    测试步骤:

    打开测试页面
    修改出发日期
    断言日期是否修改成功
    python测试代码:

    1. def test_datettime(self):
    2. self.driver.get("https://www.12306.cn/index/")
    3. # 取消readonly属性
    4. self.driver.execute_script("dat=document.getElementById('train_date'); dat.removeAttribute('readonly')")
    5. self.driver.execute_script("document.getElementById('train_date').value='2020-10-01'")
    6. time.sleep(3)
    7. now_time = self.driver.execute_script("return document.getElementById('train_date').value")
    8. assert '2020-10-01' == now_time

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

    最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

    这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你! 

  • 相关阅读:
    学习c#的第二十三天
    活动选择问题
    spring中有哪几种加载ApplicationContext.xml的方式呢?
    基于MATLAB和k-means算法实现的图像分割
    [machineLearning]非监督学习unsupervised learning
    项目中升级mysql遇到的若干问题
    Mysql 零宽空格ZWSP,导致表面同一段一摸一样的sql无法查询出相同结果
    Safari 背景为绿色,设置 Safari 访问页面时的背景颜色 theme-color
    证书-解决非对称加密的公钥信任问题
    我用 Python 写了一个统计博客园文章信息的小工具
  • 原文地址:https://blog.csdn.net/YLF123456789000/article/details/134319388