本文章向大家介紹JavaScript在web自動(dòng)化測(cè)試中的作用是什么，主要包括JavaScript在web自動(dòng)化測(cè)試中的作用是什么的使用實(shí)例、應(yīng)用技巧、基本知識(shí)點(diǎn)總結(jié)和需要注意事項(xiàng)，具有一定的參考價(jià)值，需要的朋友可以參考一下。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),鎮(zhèn)巴企業(yè)網(wǎng)站建設(shè),鎮(zhèn)巴品牌網(wǎng)站建設(shè),網(wǎng)站定制,鎮(zhèn)巴網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,鎮(zhèn)巴網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶(hù)成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
Java主要應(yīng)用于：1. web開(kāi)發(fā)；2. Android開(kāi)發(fā)；3. 客戶(hù)端開(kāi)發(fā)；4. 網(wǎng)頁(yè)開(kāi)發(fā)；5. 企業(yè)級(jí)應(yīng)用開(kāi)發(fā)；6. Java大數(shù)據(jù)開(kāi)發(fā)；7.游戲開(kāi)發(fā)等。
窗口滾動(dòng)
用途：滑動(dòng)web頁(yè)面
重慶分公司
重慶分公司
def scrollTo(x, y):
js = """
window.scrollTo("{x}", "{y}")
""".format(x=x, y=y)
driver.execute_script(js)參數(shù)說(shuō)明
x：屏幕向右移動(dòng)的距離
y：屏幕向下移動(dòng)的距離
移除屬性
用途：以下方法可以刪除元素的任何屬性，主要用來(lái)移除時(shí)間控件的readonly屬性
def remove_attribute(css, attribute, index=0):
js = """
var element = document.querySelectorAll("{css}")[{index}];
element.removeAttribute("{attr}");
""".format(css=css, index=index, attr=attribute)
driver.execute_script(js)參數(shù)說(shuō)明
css:：css表達(dá)式
index：索引值，默認(rèn)0，標(biāo)識(shí)第一個(gè)元素
attribute：元素的某個(gè)屬性，比如readonly，value，name等
高亮元素
用途：方便用戶(hù)查看當(dāng)前操作的是哪個(gè)頁(yè)面元素，也方便測(cè)試人員定位問(wèn)題
def height_light(css, index=0):
js = """
var element = document.querySelectorAll("{css}")[{index}];
element.style.border="2px solid red";
""".format(css=css, index=index)
driver.execute_script(js)參數(shù)說(shuō)明
css：css表達(dá)式
index：索引值，默認(rèn)0，標(biāo)識(shí)第一個(gè)元素
點(diǎn)擊元素
用途：由于web自動(dòng)化的最大問(wèn)題就是穩(wěn)定性比較差，有些時(shí)候使用selenium無(wú)法點(diǎn)擊元素，因此我們可以使用JS實(shí)現(xiàn)元素的點(diǎn)擊操作
def click(css, index=0):
js = """var element = document.querySelectorAll("{css}")[{index}];
element.click();""".format(css=css, index=index)
driver.execute_script(js)參數(shù)說(shuō)明
css：css表達(dá)式
index：索引值，默認(rèn)0，標(biāo)識(shí)第一個(gè)元素
清除輸入框內(nèi)容
用途：用來(lái)清除輸入框的內(nèi)容
def clear(css, index=0):
js = """var element = document.querySelectorAll("{css}")[{index}];
element.value = "";""".format(css=css, index=index)
driver.execute_script(js)參數(shù)說(shuō)明
css：css表達(dá)式
index：索引值，默認(rèn)0，標(biāo)識(shí)第一個(gè)元素
輸入內(nèi)容
用途：輸入框中輸入內(nèi)容
def input(self, css, value, index=0):
js = """var element = document.querySelectorAll("{css}")[{index}];
element.value = "{value}";""".format(css=css, index=index, value=value)
driver.execute_script(js)參數(shù)說(shuō)明
css：css表達(dá)式
value：待輸入的數(shù)據(jù)
index：索引值，默認(rèn)0，標(biāo)識(shí)第一個(gè)元素
說(shuō)明
以上所有的JS操作，還可以結(jié)合selenium中的WebElement按照以下方式實(shí)現(xiàn)，因?yàn)镴S中查找元素的方法有限，比如xpath定位，在js中不存在
如滾動(dòng)頁(yè)面
def scrollTo(self, element, x, y):
js = """
arguments[0].scrollTo("{}", "{}")
""".format(x, y)
driver.execute_script(js, element)參數(shù)說(shuō)明
element：通過(guò)selenium中的定位方法查找到的WebElement元素對(duì)象
arguments[0]：代表execute_script（）方法的第二個(gè)參數(shù)
測(cè)試代碼
我們簡(jiǎn)單的寫(xiě)個(gè)測(cè)試腳本來(lái)測(cè)試一下以上JS腳本是否能夠順利執(zhí)行
js_element.py
"""
------------------------------------
@Time : 2019/8/23 19:00
@Auth : linux超
@File : js_element.py
@IDE : PyCharm
@Motto: Real warriors,dare to face the bleak warning,dare to face the incisive error!
@QQ : 28174043@qq.com
@GROUP: 878565760
------------------------------------
"""
class CssElement(object):
driver = None
def __init__(self, css, index=None, describe=None):
self.css = css
if index is None:
self.index = 0
else:
self.index = index
self.desc = describe
def __get__(self, instance, owner):
if instance is None:
return None
global driver
driver = instance.driver
return self
def clear(self):
"""
清除內(nèi)容
"""
js = """var elm = document.querySelectorAll("{css}")[{index}];
elm.style.border="2px solid red";
elm.value = "";""".format(css=self.css, index=self.index)
driver.execute_script(js)
def input(self, value):
"""
輸入內(nèi)容
"""
js = """var elm = document.querySelectorAll("{css}")[{index}];
elm.style.border="2px solid red";
elm.value = "{value}";""".format(css=self.css, index=self.index, value=value)
driver.execute_script(js)
def click(self):
"""
點(diǎn)擊元素
"""
js = """var elm = document.querySelectorAll("{css}")[{index}];
elm.style.border="2px solid red";
elm.click();""".format(css=self.css, index=self.index)
driver.execute_script(js)
def remove_attribute(self, attribute):
"""
刪除某個(gè)元素的屬性，比如日期空間的readonly屬性
"""
js = """
var elm = document.querySelectorAll("{css}")[{index}];
elm.removeAttribute("{attr}");
""".format(css=self.css, index=self.index, attr=attribute)
driver.execute_script(js)
@staticmethod
def remove_attr(element, attribute):
js = """
arguments[0].removeAttribute("{attr}");
""".format(attr=attribute)
driver.execute_script(js, element)
@staticmethod
def scrollTo(x, y):
js = """
window.scrollTo("{}", "{}")
""".format(x, y)
driver.execute_script(js)
@staticmethod
def window_scroll(element, x, y):
js = """
arguments[0].scrollTo("{}", "{}")
""".format(x, y)
driver.execute_script(js, element)
def height_light(self):
js = """
var element = document.querySelectorAll("{css}")[{index}];
element.style.border="2px solid red";
""".format(css=self.css, index=self.index)
driver.execute_script(js)
@staticmethod
def height_lig(element):
js = """
arguments[0].style.border="2px solid red";
"""
driver.execute_script(js, element)
if __name__ == '__main__':
pass用例
test_js.py
"""
------------------------------------
@Time : 2019/8/22 16:51
@Auth : linux超
@File : test_js.py
@IDE : PyCharm
@Motto: Real warriors,dare to face the bleak warning,dare to face the incisive error!
@QQ : 28174043@qq.com
@GROUP: 878565760
------------------------------------
"""
import time
from selenium.webdriver.remote.webdriver import WebDriver
import unittest
from selenium import webdriver
from javascript.js_element import CssElement
class Base(object):
window = CssElement
def __init__(self, driver: WebDriver):
self.driver = driver
def load_url(self, url):
return self.driver.get(url)
class BaiDuPage(Base):
search_input = CssElement("#kw", describe="百度搜索框")
search_button = CssElement("#su", describe="百度按鈕")
def search(self):
self.search_input.height_light()
self.search_input.clear()
time.sleep(2) # 為了看到效果
self.search_input.input("linux超")
time.sleep(2)
self.search_button.height_light()
self.search_button.click()
time.sleep(2)
self.window.scrollTo("0", "500")
time.sleep(2) # 為了看到效果
class ChinaRailway(Base):
data_input = CssElement("#train_date", describe="日期控件")
def input_date(self, date):
self.data_input.height_light()
self.data_input.remove_attribute("readonly")
self.data_input.input(date)
time.sleep(2) # 為了看到效果
class TestJs(unittest.TestCase):
def setUp(self):
self.driver = webdriver.Firefox()
self.driver.maximize_window()
self.driver.implicitly_wait(20)
self.bai_du_page = BaiDuPage(self.driver)
self.china_railway = ChinaRailway(self.driver)
def test_search(self):
"""百度搜索"""
self.bai_du_page.load_url("https://www.baidu.com")
self.bai_du_page.search()
def test_china_railway(self):
"""12306日期"""
self.china_railway.load_url("https://www.12306.cn/index/")
time.sleep(5) #
self.china_railway.input_date("2021-01-01")
def tearDown(self):
self.driver.quit()
if __name__ == '__main__':
unittest.main()到此這篇關(guān)于JavaScript在web自動(dòng)化測(cè)試中的作用是什么的文章就介紹到這了，更多相關(guān)的內(nèi)容請(qǐng)搜索創(chuàng)新互聯(lián)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)！
