成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

selenuim操作基于REACT實(shí)現(xiàn)的富文本編輯器1

since1986 / 1854人閱讀

摘要：中大多數(shù)的輸入框都是標(biāo)簽，但是由于業(yè)務(wù)中前端有使用到基于實(shí)現(xiàn)的富文本編輯器，在實(shí)現(xiàn)自動(dòng)化測(cè)試編寫時(shí)自然會(huì)涉及到對(duì)富文本器進(jìn)行操作處理檢查該編輯器的元素，可以看到和正常的不同，該結(jié)構(gòu)為一個(gè)里面裹了個(gè)而在其中輸入文字，則是在改變中的如果有換行的

web中大多數(shù)的輸入框都是標(biāo)簽，但是由于業(yè)務(wù)中前端有使用到基于REACT實(shí)現(xiàn)的富文本編輯器，在實(shí)現(xiàn)自動(dòng)化測(cè)試編寫時(shí)自然會(huì)涉及到對(duì)富文本器進(jìn)行操作處理

檢查該編輯器的html元素，可以看到和正常的不同，該結(jié)構(gòu)為一個(gè)

里面裹了個(gè)

而在其中輸入文字，則是在改變中的text(),如果有換行的話則生成多個(gè)

和

接下來涉及到使用 selenium 去操作富文本編輯器，seleuim的基本使用就不在本篇進(jìn)行說明，首先要定位進(jìn)行輸入，普通的一般使用.sned_keys方法輕松實(shí)現(xiàn)輸入，這里對(duì)

使用.sned_keys方法仍然可以生效，不過定位
時(shí)根據(jù)html結(jié)構(gòu)需要對(duì)最外層
進(jìn)行操作，才可以正常輸入 （ps、也可以使用from selenium.webdriver.common.keys import Keys進(jìn)行鍵盤操作）

第二步，涉及到對(duì)輸入的文字進(jìn)行刪除操作，這一步也是讓我感到非常納悶的地方，正常的自帶有.clear()方法，輕松對(duì)文字進(jìn)行清理，但是在這里，無論我是對(duì)

還是還是最外層的
使用clear()方法，在UI界面上能看到文字有被正常清楚，html中的文字也正常被清除，但是一旦的點(diǎn)擊保存或者，繼續(xù)用.sned_keys增加文字，剛才clear的內(nèi)容就會(huì)再次出現(xiàn)。

最后和前端小哥哥討論，發(fā)現(xiàn)可能是REACT框架導(dǎo)致，該框架采用的是view和model綁定的模型，clear操作僅僅清除了view層的內(nèi)容，實(shí)際數(shù)據(jù)還是存在，所以不能夠清除，要想同時(shí)清除view和model的話還是需要觸發(fā)鍵盤事件

知道了大概原因后，代碼就好寫很多了，直接seleuim直接定位到

，然后根據(jù)字符串長(zhǎng)度調(diào)用鍵盤刪除鍵send_keys(Keys.BACK_SPACE)

最后貼上很挫的python代碼

        content_input = dr.find_element_by_xpath("http://div[@role="textbox"]")
        content_input.click()
        for key in change_name:
            content_input.send_keys(Keys.BACK_SPACE)

        content_input.send_keys(change_content)

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/41986.html

相關(guān)文章

  • react 搭建博客---支持markdown的富文本編輯器

    摘要：最近在學(xué)，準(zhǔn)備配合搭個(gè)博客，找了很多富文本編輯器，都不是很適合用，后來看到一篇搭建博客的文章，里面使用的地址，完全就符合我的想法啊，界面簡(jiǎn)潔大方還有預(yù)覽功能。 最近在學(xué)nodejs，準(zhǔn)備配合react+mongodb搭個(gè)博客，找了很多富文本編輯器，都不是很適合react用，后來看到一篇vue+node搭建博客的文章，里面使用的simplemde(github地址)，完全就符合我的想法啊...

    tylin 評(píng)論0 收藏0

  • 手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺(tái) 系列...

    Channe 評(píng)論0 收藏0

  • 手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺(tái) 系列...

    zgbgx 評(píng)論0 收藏0

  • 一款基于vue好用的富文本編輯器Froala WYSIWYG Editor

    摘要：前言基于使用過幾款富文本編輯器趟過坑，但是這幾款總感覺不是那么適合項(xiàng)目需求，苦苦搜尋總算找到一款好用的富文本編輯器支持特性快速預(yù)覽使用廢話不多說，開始擼代碼安裝引入引入引入中文語言包引入此處可在中引入地址 前言： 基于Vue使用過幾款富文本編輯器：wangEditorvue-quill-editorvue2-editor 趟過坑，但是這幾款總感覺不是那么適合項(xiàng)目需求，苦苦搜尋總算找到一...

    adam1q84 評(píng)論0 收藏0

  • selenuim-下拉框（單選）-python

    摘要：一通過定位下拉框先導(dǎo)入的模塊，在使用方法進(jìn)行操作方法一定位不等于不等于如果選項(xiàng)值不是固定的，直接將固定值替換成變量即可下面是的具體方法通過索引定位通過值定位通過文本值定位取消所有選項(xiàng)取消對(duì)應(yīng)選項(xiàng)取消對(duì)應(yīng)選項(xiàng)取消對(duì)應(yīng)文本選項(xiàng)返回第一個(gè)選 showImg(https://segmentfault.com/img/bVbk4IA);一、通過select定位下拉框先導(dǎo)入Select的模塊，在使...

    KevinYan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<