web自动化测试第15步：使用js语句

在selenium中，有方法可以运行js语句，这样的话对于一些selenium中没有的操作，或者实际编写UI自动化中遇到的疑难杂症，多了另外一个解决思路！！！简直像是打开了新世界的大门一样。比如我编写ui自动化脚本遇到一个问题，除了思考python和selenium中哪些方法可以解决之外，还可以网上搜索或者参考学习下js的api文档，看能否通过js的功能来在实际测试中解决问题。

js本身是很强大的，也就是说我们在使用selenium库中的操作以及方法之外，还可以用另一门专门针对前段的编程语言来辅助我们完成UI自动化脚本，对于脚本编写应该具有很大帮助，由于我本身针对测试的平台难度不高，对于js语言也不太熟悉，所以可以分享的心得不是很多，但分享的点应该会有所帮助。

一、调用运行js语句的方法

首先对于同步和异步请求，由于我调用的js一般不会发生数据请求，所以个人观点觉得两个方法用哪个都无所谓，如果将来要用js传递数据，再考虑是否要同步或者异步传输。

同步请求运行js

driver.execute_script(script, *args)

• script：要运行的js语句
• *args：运行js语句时使用的一些参数

异步请求运行js

driver.execute_async_script(script, *args)

• script：要运行的js语句
• *args：运行js语句时使用的一些参数

对于同步请求和异步请求的区别：

同步请求指我们发送一个请求后，需要服务端进行返回相应结果后才能进行接下来的操作；

异步请求指我们发送一个请求后，不需要服务端返回响应结果，直接进行接下来的操作（例如AJAX）。

二、示例演示：

对于js的功能，我比较常用的就是改变元素的属性值，经常用于一些隐藏的标签需要操作时，将元素属性改为可见。当然还有其它所了解的一些用法，例如：调整滚动条位置、高亮现实指定元素等，下面我进入实际网页演示下。

调整滚动条位置：

document.documentElement.scrollTop=9999

高亮显示指定元素：

"arguments[0].setAttribute('style', arguments[1]);",ele, "background: green; border: 2px solid red;"

更改元素属性值：

document.getElementById('s').placeholder='xxx';

或者：

"arguments[0].value='谷歌一下'",element

• element:定位的元素

这里需要注意的是，我们可以通过selenium所定位的元素对象，来传递到js语句中，作为一个js中的一个元素对象来进行操作。

演示代码

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get("http://www.runoob.com/js/js-tutorial.html")

# 高亮显示所定位的元素
light_element = driver.find_element_by_id("s")
js_sentence_light = "arguments[0].setAttribute('style', arguments[1]);"
js_sentence_args = "color: yellow; border: 5px solid yellow;"
driver.execute_script(js_sentence_light, light_element, js_sentence_args)
sleep(3)

# 更改页面输入框中的默认文字
js_sentence_style = "document.getElementById('s').placeholder='我改变了搜索输入框默认文字';"
driver.execute_script(js_sentence_style)
sleep(3)

# 改变滚动条位置
js_sentence_position = "document.documentElement.scrollTop=9999"
driver.execute_script(js_sentence_position)
sleep(3)