web自动化测试(7)--js操作

使用js可以修改html页面中标签的属性和文本内容。接下来我们将根据实战中遇到的问题，简单的总结一下selenium中常见的js操作。

一、对input执行输入

场景描述：当我们打开12306的网页时，出发日期不能进行手动的输入，只能通过选择框进行选择，这不利于我们进行自动化测试操作。

此时我们借助js操作来修改输入框的属性，以实现对input执行手动输入操作。

 在使用selenium执行js操作之前，为了确保我们书写的js代码正确，我们可以在html页面事先测试一下

 在确认js代码书写正确后，接下来我们就可以使用selenium来执行js代码了。

"""
使用修改input输入框的属性
driver.execute_script(js代码,传给js代码的参数)
"""
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")

# js代码
# js_code = 'a = document.getElementById("train_date");' 
#           'a.removeAttribute("readonly");' 
#           'a.value = "2020-08-29";'
#
# driver.execute_script(js_code)

# 通过python代码找到元素对象
loc = (By.ID,"train_date")
WebDriverWait(driver,20).until(EC.visibility_of_element_located(loc))
ele = driver.find_element(*loc)
set_time = "2020-08-29"

js_code = 'arguments[0].removeAttribute("readonly");' 
          'arguments[0].value = arguments[1];'

# 如果要将外部的值，传给js代码。js的arguments变量用来接收外部参数。
driver.execute_script(js_code,ele,set_time)

sleep(10)
driver.quit()

二、操作滚动条

情境描述：当我们在对页面元素进行自动化操作时，有些元素位于页面的底部等特殊位置，即不在页面的可见区域，此时无法实现对这些元素进行自动化操作。

解决方案：让元素滚动到页面的可见区域后，再进行元素的操作。

方式一：不用js代码，仅使用定位到的元素本身

ele.location_once_scrolled_into_view

方式二：借助js代码进行操作

 element.scrollIntoView()

代码实现：

from selenium.webdriver.common.keys import Keys
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

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

driver.find_element("id","kw").send_keys("selenium",Keys.ENTER)

loc = (By.XPATH,'//a[text()="下一页 >"]')
WebDriverWait(driver,20).until(EC.visibility_of_element_located(loc))
ele = driver.find_element(*loc)
# ele.location_once_scrolled_into_view
js_code = 'arguments[0].scrollIntoView()'
driver.execute_script(js_code,ele)

sleep(10)
driver.quit()

补充说明：

目前大部分的网页可以自动实现滚动操作，无需测试人员进行手动滚动。

当我们查找到的位于页面非可见区域的元素无法进行操作时，此时我们可以考虑使用手动操作让带操作元素滚动到可见区域后再操作。