zoukankan      html  css  js  c++  java
  • 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
        public void testBySwitchIframe() {
            driver.get("https://ueditor.baidu.com/website/onlinedemo.html");
            driver.manage().window().maximize();
            driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
            //进入富文本编辑器
            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实现输入操作
         */
        @Test
        public void testByJs() {
            driver.get("https://ueditor.baidu.com/website/onlinedemo.html");
            driver.manage().window().maximize();
            driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
            String content = "欢迎关注公众号:软件测试君";
            //ueditor_0为所在iframe的id
            String js = "document.getElementById('ueditor_0').contentDocument.write('" + content + "');";
            ((JavascriptExecutor) driver).executeScript(js);
        }

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

  • 相关阅读:
    MySQL根据逗号将一行数据拆成多行数据
    pyhon实现excel的转置
    python批量加入数据库
    jieba词频统计
    python 求顾客相邻两次购买周期
    mysql求取最后两次价格上涨趋势
    mysql求每一个顾客购买商品的相邻时间间隔
    利用Python从一个数据库中查询结果插入到另一个数据库中
    电商项目数据分析
    线程的两种调用方式
  • 原文地址:https://www.cnblogs.com/longronglang/p/11326056.html
Copyright © 2011-2022 走看看