JavaScript在web自動化測試中的作用

springDevBird 發(fā)布于2021-11-25 09:43 / 3066人閱讀

摘要：窗口滾動用途滑動頁面參數說明屏幕向右移動的距離屏幕向下移動的距離移除屬性用途以下方法可以刪除元素的任何屬性，主要用來移除時間控件的屬性參數說明表達式索引值，默認，標識第一個元素元素的某個屬性，比如，，等高亮元素用途方便

窗口滾動
用途：滑動web頁面

參數說明

x：屏幕向右移動的距離

y：屏幕向下移動的距離

移除屬性
用途：以下方法可以刪除元素的任何屬性，主要用來移除時間控件的readonly屬性

參數說明

css:：css表達式

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

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

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

css：css表達式

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

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

css：css表達式

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

清除輸入框內容
用途：用來清除輸入框的內容
參數說明

css：css表達式

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

輸入內容
用途：輸入框中輸入內容

參數說明

css：css表達式

value：待輸入的數據

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

說明
以上所有的JS操作，還可以結合selenium中的WebElement按照以下方式實現，因為JS中查找元素的方法有限，比如xpath定位，在js中不存在

如滾動頁面

參數說明

element：通過selenium中的定位方法查找到的WebElement元素對象

arguments[0]：代表execute_script（）方法的第二個參數

測試代碼
我們簡單的寫個測試腳本來測試一下以上JS腳本是否能夠順利執(zhí)行

js_element.py

總結
以上所有的操作僅支持CSS表達式，當然你可以修改替換querySelectorAll方法為getElementById, getElementByClassName等，但是需要注意使用getElementById時，不需要index參數；

Js相對于selenium的控制頁面元素，執(zhí)行速度更快，而且當遇到selenium比較難處理的操縱時，可以考慮使用js代碼來實現，當然還是需要你懂點Js代碼，不懂也沒關系，掌握以上代碼完全夠你解決實際問題

GPU云服務器云服務器在linux中的作用 stun在webrtc中的作用 i節(jié)點在linux中的作用 web前端自動化測試

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/125016.html

前端每周清單半年盤點之 JavaScript 篇

摘要：前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點分為新聞熱點開發(fā)教程工程實踐深度閱讀開源項目巔峰人生等欄目。背后的故事本文是對于年之間世界發(fā)生的大事件的詳細介紹，闡述了從提出到角力到流產的前世今生。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點；分為新聞熱點、開發(fā)教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎...

Vixb 2019-08-21 12:04 評論0 收藏0
前端開發(fā)者手冊2019

摘要：年，和前端開發(fā)者與應用程序前端開發(fā)者之間產生了巨大的分歧。開發(fā)最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發(fā)者可以從瀏覽器開發(fā)中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發(fā)者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

church 2019-08-02 16:18 評論0 收藏0
前端開發(fā)者手冊2019

摘要：年，和前端開發(fā)者與應用程序前端開發(fā)者之間產生了巨大的分歧。開發(fā)最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發(fā)者可以從瀏覽器開發(fā)中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發(fā)者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

xiao7cn 2019-08-26 13:47 評論0 收藏0
前端開發(fā)者手冊2019

摘要：年，和前端開發(fā)者與應用程序前端開發(fā)者之間產生了巨大的分歧。開發(fā)最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發(fā)者可以從瀏覽器開發(fā)中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發(fā)者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

鄒立鵬 2019-08-30 10:56 評論0 收藏0
前端基礎入門

摘要：手把手教你做個人火的時候，隨便一個都能賺的盆滿缽滿，但是，個人沒有服務端，沒有美工，似乎就不能開發(fā)了，真的是這樣的嗎秘密花園經典的中文手冊。涵蓋前端知識體系知識結構圖書推薦以及入門視頻教程，全的簡直不要不要的了。 JavaScript 實現點擊按鈕復制指定區(qū)域文本 html5 的 webAPI 接口可以很輕松的使用短短的幾行代碼就實現點擊按鈕復制區(qū)域文本的功能，不需要依賴 flash。...

shinezejian 2019-08-22 13:51 評論0 收藏0