selenium-JavaScript的处理

JavaScript的处理

在自动化过程中，遇到js处理的元素，需要使用js语言对元素进行操作，例如，滑动到浏览器的底部或者顶部，时间控件的处理，元素可见不可见以及富文本的处理等，都需要js语言的支持，在selenium中，对js脚本的调用方法是execute_script.下面结合实例来讲述。

元素不可见的操作

处理方法是用js把隐藏的显示出来，方法如下：

js="document.getElementById('li').style.display='block';"

driver.execute_script(js)

浏览器滑动操作

以百度搜索为例子，分别操作滑动到底部，滑动到顶部操作，代码如下：

from selenium import webdriver

import time

driver = webdriver.Chrome()

driver.implicitly_wait(30)

driver.maximize_window()

driver.get("http://www.baidu.com")

driver.find_element_by_id("kw").send_keys("selenium")

driver.find_element_by_id("su").click()

time.sleep(4)

''' 进行滑动操作,滑动到底部'''

downjs = "var q=document.documentElement.scrollTop=10000"

driver.execute_script(downjs)

''' 点击下一页，进入到第二页'''

driver.find_element_by_partial_link_text("下一页").click()

'''进行滑动操作，滑动到顶部'''

upjs = "var q=document.documentElement.scrollTop=10000"

''' 先执行滑动到底部操作，在滑动到顶部'''

driver.execute_script(downjs)

time.sleep(3)

driver.execute_script(upjs)

time.sleep(2)

driver.quit()

时间控件的处理

时间控件在测试过程中经常遇到，但大部分时间控件都是只读属性，要实现在只读属性的时间控件输入时间，可以先取消时间控件的只读属性，取消只读属性后，在Input输入框输入value即可，操作代码如下：

from selenium import webdriver

import time

driver= webdriver.Chrome()

def startJs(startTime):

'''开始时间中输入自定义的时间'''

js = "$("input[placeholder='开始时间>当前时间']").removerAttr('readonly');"

"$("input[placeholder='开始时间>当前时间']").attr('value',{0})".format(startTime)

driver.execute_script(js)

def endJs(endTime):

'''结束时间输入自定义的时间'''

js = "$("input[placeholder='结束时间>当前时间']").removerAttr('readonly');"

"$("input[placeholder='结束时间>当前时间']").attr('value',{0})".format(endTime)

driver.execute_script(js)

startJs("2019-10-10 10:00:00")

time.sleep(3)

endJs("2019-10-10 10:02:00")