• 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);
        }

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

  • 相关阅读:
    单例模式(Singleton)
    建造者模式(Builder和Director)
    原型模式(Prototype)
    备忘录模式(Memento)
    观察者模式(Observer)
    工厂模式(Factory)
    状态模式(State)
    模板方法模式(Template Method)
    策略模式(Strategy)
    微信小程序------小程序初步学习
  • 原文地址:https://www.cnblogs.com/longronglang/p/11326056.html
Copyright © 2020-2023  润新知