Selenium+java - 关于富文本编辑器的处理

什么是富文本编辑器?

富文本编辑器,Rich Text Editor,简称 RTE,是一种可内嵌于浏览器,所见即所得的文本编辑器。具体长啥样,如下图:

通过自动化操作富文本编辑器

模拟场景:在富文本编辑器中输入:欢迎关注公众号:软件测试君

1、通过键盘事件实现输入

具体代码如下:

 /**
     * 通过键盘事件实现输入操作
     */
    @Test
    public void testByActions() {
        driver.get("https://ueditor.baidu.com/website/onlinedemo.html");
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(30,TimeUnit.SECONDS);
        Actions actions = new Actions(driver);
        //鼠标通过tab要先移到富文本框中
        actions.sendKeys(Keys.TAB).perform();
        actions.sendKeys("欢迎关注公众号:软件测试君").perform();
    }

 

2、通过进入iframe实现输入操作

具体代码如下:

 @Test
     testBySwitchIframe() {
        driver.get("https://ueditor.baidu.com/website/onlinedemo.html"进入富文本编辑器
        driver.switchTo().frame("ueditor_0");
        输入文字
        driver.findElement(By.className("view")).sendKeys("欢迎关注公众号:软件测试君"选中全部
        driver.findElement(By.className("view")).sendKeys(Keys.LEFT_CONTROL + "a"跳出富文本编辑器
        driver.switchTo().defaultContent();
        加粗操作
        driver.findElement(By.cssSelector(".edui-for-bold .edui-icon")).click();
    }

3、通过执行js实现输入操作

具体代码如下:


     * 通过执行js实现输入操作
      testByJs() {
        driver.get("https://ueditor.baidu.com/website/onlinedemo.html";
        ueditor_0为所在iframe的id
        String js = "document.getElementById('ueditor_0').contentDocument.write('" + content + "');";
        ((JavascriptExecutor) driver).executeScript(js);
    }

以上三种方法,都可在富文本编辑器实现输入操作,仅供参考,如果觉得好,可以关注我哦

 

相关文章

转载地址:https://www.cnblogs.com/mini-monkey/p/12104821...
web自动化测试过程中页面截图相对比较简单,可以直接使用sel...
目录前言一、Selenium简介二、浏览器驱动1.浏览器驱动参考2....
一、iframe的含义:iframe是HTML中框架的一种形式,在对界面...
转载请注明出处❤️作者:测试蔡坨坨原文链接:caituotuo.to...
'''##**认识selenium**​**下载:pipinstall...