1. 程式人生 > 其它 >Selenium3自動化測試【32】富文字處理

Selenium3自動化測試【32】富文字處理

富文字編輯器(Rich Text Edito), 簡稱 RTE。其提供類似於 Microsoft Word 的編輯功能,它的應用也越來越廣泛,被很多開發者用來嵌入到網頁中提供文字格式的編輯,如何通過selenium3測試富文字呢?


同步視訊知識與系列知識內容,可關注:【公眾號】:柒哥測試;【WX】:Lee-890;


富文字的認知

富文字編輯器(Rich Text Edito), 簡稱 RTE。其提供類似於 Microsoft Word 的編輯功能,它的應用也越來越廣泛,被很多開發者用來嵌入到網頁中提供文字格式的編輯。
常常富文字都被嵌入在iframe中,所以對於富文字的操作就要先切換進iframe中,再進行操作。
以百度提供的ueditor為例,如圖所示。
地址為:ueditor.baidu.com/website/onlinedemo.html

圖 ueditor

:::

富文字元素的提取

開啟FireFox的開發者工具,定位到富文字編輯框內,在開發者工具檢視器中,可以觀察到其所在的iframe的id值是ueditor_0,如圖所示。

圖 ueditor定位

:::

富文字自動化測試的實現

操作富文字的程式碼如下,程式碼執行後在富文字中鍵入了字串bella。

from selenium import webdriver
driver=webdriver.Firefox()

driver.get("https://ueditor.baidu.com/website/onlinedemo.html")
# 切入進frame中
driver.switch_to.frame("ueditor_0")
driver.find_element_by_xpath("/html/body").send_keys("bella")
driver.quit()

精講視訊

如果你覺的文章讀的不過癮,可以檢視詳細的視訊教程。

測試學習路線如下

熱銷圖書

圖書京東、噹噹有售
京東: https://item.jd.com/12784287.html
噹噹: http://product.dangdang.com/29177828.html

同步視訊知識與系列知識內容,歡迎可關注:【公眾號】:柒哥測試;【WX】:Lee-890交流