UI自动化测试-javascript操作

在UI自动化测试中，常会使用js处理一些特殊的交互，比如浏览器的滑动、富文本和时间控件，演示案例如下：

1、浏览器的滑动

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as es
import time as t
driver=webdriver.Chrome()
driver.maximize_window()
driver.get("http://www.taobao.com")
driver.implicitly_wait(10)
#浏览器滑到底部
down="var q=document.documentElement.scrollTop=10000"
driver.execute_script(down)
t.sleep(5)
#浏览器滑到顶部
up="var q=document.documentElement.scrollTop=0"
driver.execute_script(up)
t.sleep(5)
driver.quit()

2、富文本

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import  expected_conditions as es
import time as t
def richText(driver,content):
    '''
    实现在富文本里面输入内容
    :param driver: webdriver实例化后的对象信息
    :param content: 富文本里面需要输入的文字内容
    :return:
    '''
#"ueditor_0"为frame的id号
    js="document.getElementById('ueditor_0').contentWindow.document.body.innerHTML='{0}'".format(content)
    driver.execute_script(js)
driver=webdriver.Chrome()
driver.maximize_window()
driver.get('https://uutool.cn/ueditor/')
driver.implicitly_wait(10)
t.sleep(5)
richText(driver=driver,content="好好学习Pyhton!")
t.sleep(5)
driver.quit()

3、时间控件

1）时间控件的逻辑：

a.取消时间控件的只读属性；

b.取消只读属性后，操作input控件的value,其实我们只要知道input里面输入的内容最终是在value的属性里面。

2）时间控件案例

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import  expected_conditions as es
import time as t
def startTime(driver,content):
    '''开始时间控件'''
    js="$(\"input[placeholder='开始时间≥当前时间']\").removeAttr('readonly');" \
    "$(\"input[placeholder='开始时间≥当前时间']\").attr('value','{0}')".format(content)
    driver.execute_script(js)

def endTime(driver,content):
    '''结束时间控件'''
#"placeholder"为选中文本框的placeholder的属性。
    js="$(\"input[placeholder='结束时间>开始时间']\").removeAttr('readonly');" \
         "$(\"input[placeholder='结束时间>开始时间']\").attr('value','{0}')".format(content)
    driver.execute_script(js)
driver=webdriver.Chrome()
driver.maximize_window()
driver.get('file:///D:/test/code/testDev/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/Time/index.html')
driver.implicitly_wait(10)
startTime(driver=driver,content='2022-01-01 00:00:00')
t.sleep(3)
endTime(driver=driver,content='2022-06-29 18:45:32')
t.sleep(3)
driver.quit()