软件测试丨 JavaScript 脚本注入，完成 Selenium 无法做到的那些事

作者：测试人

2023-03-31
北京
本文字数：995 字
阅读完需：约 3 分钟

获取更多相关知识

当 webdriver 遇到无法完成的操作时，可以使用 JavaScript 来完成，webdriver 提供了 execute_script() 方法来调用 js 代码。

执行 js 有两种场景：

在页面上直接执行 js
在某个已经定位的元素上执行 js

简介

JavaScript 是一种脚本语言，有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。

执行 js

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

driver.execute_script：同步执行 JavaScript 在当前的窗口框架下
js 脚本可以在浏览器的开发者工具 -> Console 中进行调试

js 的返回结果

获取元素控件中的属性值

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

# 获取网页性能的响应时间，js脚本中使用return代表返回获取的结果js = "return JSON.stringify(performance.timing);"driver.execute_script(js)

复制代码

arguments 传参

执行 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()

复制代码

发布于: 刚刚阅读数: 7

原文链接:【http://xie.infoq.cn/article/a2b14702f4216abdcbdc39d1e】。文章转载请联系作者。

测试人

关注

专注于软件测试开发 2022-08-29 加入

霍格沃兹测试开发学社，测试人社区：https://ceshiren.com/t/topic/22284

发布

暂无评论

创作场景

软件测试丨 JavaScript 脚本注入，完成 Selenium 无法做到的那些事

获取更多相关知识

简介

执行 js

js 的返回结果

arguments 传参

实战案例

测试人

评论