亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

since1986 / 1982人閱讀

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

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

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

里面裹了個

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

和

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

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

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

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

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

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

，然后根據(jù)字符串長度調(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/41986.html

相關(guān)文章

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

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

    tylin 評論0 收藏0

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

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

    Channe 評論0 收藏0

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

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

    zgbgx 評論0 收藏0

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

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

    adam1q84 評論0 收藏0

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

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

    KevinYan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<