龙空技术网

Web自动化测试:使用js语句

川石信息 622

前言:

而今我们对“js改变输入框的值”大体比较珍视,朋友们都需要剖析一些“js改变输入框的值”的相关知识。那么小编也在网摘上网罗了一些关于“js改变输入框的值””的相关知识,希望大家能喜欢,朋友们快快来学习一下吧!

在selenium中,有方法可以运行js语句,这样的话对于一些selenium中没有的操作,或者实际编写UI自动化中遇到的疑难杂症,多了另外一个解决思路!简直像是打开了新世界的大门一样。js本身是很强大的,也就是说我们在使用selenium库中的操作以及方法之外,还可以用另一门专门针对前端的编程语言来辅助我们完成UI自动化脚本,对于脚本编写应该具有很大帮助。

调用运行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 webdriverfrom time import sleep driver = webdriver.Chrome()driver.get(";) # 高亮显示所定位的元素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)

标签: #js改变输入框的值