写点什么

干货 | JavaScript 脚本注入,完成 Selenium 无法做到的那些事

  • 2022 年 9 月 09 日
    北京
  • 本文字数:2131 字

    阅读完需:约 7 分钟

当 webdriver 遇到无法完成的操作时,可以使用 JavaScript 来完成,webdriver 提供了 execute_script() 方法来调用 js 代码。执行 js 有两种场景:


在页面上直接执行 js 在某个已经定位的元素上执行 jsJavaScript 是一种脚本语言,有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。


Selenium 可以通过 execute_script() 来执行 JavaScript 脚本。


driver.execute_script:同步执行 JavaScript 在当前的窗口框架下


js 脚本可以在浏览器的开发者工具 -> Console 中进行调试


获取元素控件中的属性值


与 Selenium 结合,在代码中返回 js 结果

获取网页性能的响应时间,js 脚本中使用 return 代表返回获取的结果

js = "return JSON.stringify(performance.timing);"driver.execute_script(js)


执行 JavaScript 也可以通过传参的方式传入元素信息。


element = driver.find_element(by, locator)#arguments[0]代表所传值 element 的第一个参数 #click()代表 js 中的点击动作 driver.execute_script("arguments[0].click();",element)


还可以通过上面的方法点击被遮挡的元素。例如:某个元素在实际的操作过程中被其他的元素遮挡,就可以使用 js 点击的方式。自动化过程中的报错如下:


Other element would receive the click:<label class="custom-control-label" for="user_remember_me">...</label>


如果出现上面的错误,可以使用 js 的方式进行点击。


以企业微信为例,使用 js 点击添加图片。


代码:


#导入依赖 from selenium import webdriverfrom selenium.webdriver.common.by import By


class TestWework:def setup(self):self.driver = webdriver.Chrome()#隐式等待 self.driver.implicitly_wait(2)


def test_upload(self):    #元素定位    element_add = self.driver.find_element\        (By.CSS_SELECTOR, ".js_upload_file_selector")    #执行js代码    self.driver.execute_script\        ("arguments[0].click();", element_add)    self.driver.find_element_by_id('js_upload_input').send_keys('D:\project\demo1\demo.png')    assert len(self.driver.find_elements(By.CSS_SELECTOR,'.material_pic_list_item')) == 1
def teardown(self): self.driver.quit()
复制代码


执行 JavaScript 脚本就先讲到这里啦,大家还想看什么内容的文章也可以留言告诉我们哦!


内容全面升级,4 个月 20+ 项目实战强化训练,资深测试架构师、开源项目作者亲授 BAT 大厂前沿最佳实践,带你一站式掌握测试开发必备核心技能(对标阿里 P6+,年薪 50W+)!直推 BAT 名企测试经理,普遍涨薪 50%+!


⬇️ 点击“阅读原文”,提升测试核心竞争力!原文链接


当 webdriver 遇到无法完成的操作时,可以使用 JavaScript 来完成,webdriver 提供了 execute_script() 方法来调用 js 代码。执行 js 有两种场景:


在页面上直接执行 js 在某个已经定位的元素上执行 jsJavaScript 是一种脚本语言,有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。


Selenium 可以通过 execute_script() 来执行 JavaScript 脚本。


driver.execute_script:同步执行 JavaScript 在当前的窗口框架下


js 脚本可以在浏览器的开发者工具 -> Console 中进行调试


获取元素控件中的属性值


与 Selenium 结合,在代码中返回 js 结果

获取网页性能的响应时间,js 脚本中使用 return 代表返回获取的结果

js = "return JSON.stringify(performance.timing);"driver.execute_script(js)


执行 JavaScript 也可以通过传参的方式传入元素信息。


element = driver.find_element(by, locator)#arguments[0]代表所传值 element 的第一个参数 #click()代表 js 中的点击动作 driver.execute_script("arguments[0].click();",element)


还可以通过上面的方法点击被遮挡的元素。例如:某个元素在实际的操作过程中被其他的元素遮挡,就可以使用 js 点击的方式。自动化过程中的报错如下:


Other element would receive the click:<label class="custom-control-label" for="user_remember_me">...</label>


如果出现上面的错误,可以使用 js 的方式进行点击。


以企业微信为例,使用 js 点击添加图片。


代码:


#导入依赖 from selenium import webdriverfrom selenium.webdriver.common.by import By


class TestWework:def setup(self):self.driver = webdriver.Chrome()#隐式等待 self.driver.implicitly_wait(2)


def test_upload(self):    #元素定位    element_add = self.driver.find_element\        (By.CSS_SELECTOR, ".js_upload_file_selector")    #执行js代码    self.driver.execute_script\        ("arguments[0].click();", element_add)    self.driver.find_element_by_id('js_upload_input').send_keys('D:\project\demo1\demo.png')    assert len(self.driver.find_elements(By.CSS_SELECTOR,'.material_pic_list_item')) == 1
def teardown(self): self.driver.quit()
复制代码


执行 JavaScript 脚本就先讲到这里啦,大家还想看什么内容的文章也可以留言告诉我们哦!

点击下方链接免费领取:性能测试+接口测试+自动化测试+测试开发+测试用例+简历模板+测试文档

http://qrcode.testing-studio.com/f?from=infoQ&url=https://ceshiren.com/t/topic/22265


用户头像

社区:ceshiren.com 微信:ceshiren2021 2019.10.23 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料,实时更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬。

评论

发布
暂无评论
干货 | JavaScript脚本注入,完成Selenium 无法做到的那些事_霍格沃兹测试开发学社_InfoQ写作社区