前言

JS的全稱JavaScript，是一種運行在瀏覽器中的解釋型腳本語言，通常用來實現web前端頁面的基本功能，對于前端開發人員是不得不掌握的一門基本技能，但是對于做web自動化測試的人員來說，如果為了實施自動化測試專門研究JS的腳本語法不僅浪費時間，也偏離了我們的工作重心，所以今天就給大家總結一下，在web自動化測試中常用的一些JS腳本，只要掌握這些腳本的使用，無需再為專門學習js腳本而花費太多時間，優秀程序員的素質是什么？有現成的直接用，絕不浪費時間自己寫！^_^ 開玩笑的，俗話說技多不壓身，多掌握一門技能，只有好處沒壞處。正文開始！

窗口滾動

用途：滑動web頁面

def scrollTo(x, y): js = """ window.scrollTo("{x}", "{y}") """.format(x=x, y=y) driver.execute_script(js)

參數說明

x：屏幕向右移動的距離

y：屏幕向下移動的距離

移除屬性

用途：以下方法可以刪除元素的任何屬性，主要用來移除時間控件的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)

參數說明

css:：css表達式

index：索引值，默認0，標識第一個元素

attribute：元素的某個屬性，比如readonly，value，name等

高亮元素

用途：方便用戶查看當前操作的是哪個頁面元素，也方便測試人員定位問題

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)

參數說明

css：css表達式

index：索引值，默認0，標識第一個元素

點擊元素

用途：由于web自動化的最大問題就是穩定性比較差，有些時候使用selenium無法點擊元素，因此我們可以使用JS實現元素的點擊操作

def click(css, index=0): js = """var element = document.querySelectorAll("{css}")[{index}];    element.click();""".format(css=css, index=index) driver.execute_script(js)

參數說明

css：css表達式

index：索引值，默認0，標識第一個元素

清除輸入框內容

用途：用來清除輸入框的內容

def clear(css, index=0): js = """var element = document.querySelectorAll("{css}")[{index}];    element.value = "";""".format(css=css, index=index) driver.execute_script(js)

參數說明

css：css表達式

index：索引值，默認0，標識第一個元素

輸入內容