輸入框必填提示定位技巧

現象

    如圖所示:

    做web自動化的時候經常會遇到對必填項的校驗,而其中一種必填項是鼠標高亮或者取消高亮的時候會在旁邊出現tips框,框內書寫一些提示性的文字,定位的時候在開發工具中該節點很難查看,鼠標稍微有所動作這個節點就消失了,眼神好的最多看到最上層的節點,無法深入定位,下來就介紹一種定位這種節點的方法。

工具

    介紹的方法是以robotframework爲例,其他使用代碼運行自動化腳本的原理相同。瀏覽器使用的是chrome。

原理

    簡單來講就是在出現該節點的時候把當前狀態的全部節點均打印出來,然後另存到靜態網頁文件中,再使用其來進行定位即可。

步驟

    首先,在robotframework中創建腳本,使得走到出現該提示後使用Page Should Contain Element一個錯誤的節點,使得腳本運行錯誤。

    

然後,運行腳本,待腳本報錯,然後觀察日誌的打印,日誌會將當前狀態全部節點均打印出來。

再然後,複製日誌中的html文本到一個空白的html文件中。

最後,使用瀏覽器打開該文件,找到已知的提示框的最頂上節點,然後就可以展開該節點查看子節點的詳細內容。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章