selenium常用的js总结

1、 对input执行输入

---

 

直接设置value属性， 此方法主要应对输入框自动补全以及readonly属性的element，sendkeys不稳定

比如：

        //inputbox is a WebElement
        JavascriptExecutor js = (JavascriptExecutor) driver;
        js.executeScript("arguments[0].value=\"北京\"", from_inpox);

对此可以封装一个typeQuick的方法

/**
     * @author Young
     * @param locator
     * @param values
     * @throws Exception
     */
    protected void typeQuick(Locator locator, String values) throws Exception {
        WebElement e = findElement(driver, locator);
        log.info("type value is:  " + values);
        JavascriptExecutor js = (JavascriptExecutor) driver;
        js.executeScript("arguments[0].value=\""+values+"\"", e);

去掉只读属性

   JavascriptExecutor js = (JavascriptExecutor) driver;
   js.executeScript("arguments[0].removeAttribute(\"+"readonly"+\")", e);

 

2.对富文本框的操作

主要应对富文本框，可以封装获取富文本框内容和设置富文本路况内容的方法

JavascriptExecutor js = (JavascriptExecutor) driver;
        WebElement editor = driver.findElement(By.tagName("body"));
        js.executeScript(
                "arguments[0].innerHTML = '<h1>Selenium Test </h1>I love Selenium <br> this article Post By Selenium WebDriver<br><h2>Create By Young</h2>'",
                editor);

 设置富文本框内容

    /**
     * @author Young
     * @param locator
     * @param text
     */
    protected void setRichTextBox(Locator locator, String text) {
        WebElement e = findElement(driver, locator);
        log.info("type value is:  " + text);
        JavascriptExecutor js = (JavascriptExecutor) driver;
        js.executeScript("arguments[0].innerHTML = \"" + text + "\"", e);
    }

获取富文本框内容：

    /**
     * @author Young
     * @param locator
     * @param text
     * @return
     */
    protected String getRichTextBox(Locator locator, String text) {
        WebElement e = findElement(driver, locator);
        log.info("type value is:  " + text);
        JavascriptExecutor js = (JavascriptExecutor) driver;
        String result=(String) js.executeScript("var result=arguments[0].innerHTML;return result", e);
        return result;
    }

 

---

3. 滚动到指定位置

为啥使用滚动？ 因为如果页面没有完全显示，element如果是在下拉之后才能显示出来，只能先滚动到该元素才能进行click，否则是不能click操作

1 2 3

JavascriptExecutor js=(JavascriptExecutor)driver;         // roll down and keep the element to the center of browser         js.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", download);

　可以封装滚动到元素的方法的

　

/**
     * @author Young
     * @param locator
     */
    protected void scrollToElement(Locator locator) {
        WebElement e = findElement(driver, locator);
        log.info("scroll view element");
        JavascriptExecutor js = (JavascriptExecutor) driver;
        // roll down and keep the element to the center of browser
        js.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", e);
    }

 

---

4. 触发event，Dom event 事件的封装

    /**
     * For DOM Event 
     * @author Young
     * @param locator
     * @param event
     * please refer to: http://www.w3school.com.cn/jsref/dom_obj_event.asp
     * 
     */
    public void DOMEvent(Locator locator,String event)
    {
        JavascriptExecutor jse=((JavascriptExecutor)driver);
        String js="var event;if (document.createEvent){event = document.createEvent(\"HTMLEvents\");event.initEvent(\""+event+"\", true, false);arguments[0].dispatchEvent(event);} else {arguments[0].fireEvent(\"on"+event+"\")}";
        jse.executeScript(js, findElement(driver,locator)) ;
    }

 

---

五、获取元素属性

window.getComputedStyle(document.getElementById("su"),null).getPropertyValue("background")

---

 

六 、获取页面加载状态

document.readyState

 

11. 什么PO模式，什么是page factory？

    网上有很多答案，都不全面

    PO模式是page object model的缩写，顾名思义， 是一种设计模式，实现脚本的page和真实的网站页面Map起来，一一对应起来。这样能测试框架更容易维护。 比如一个登陆页面，使用PO模式后，会创建一个LoginPage的class，该class会定义用户名输入框，密码输入框，登陆按钮的webElenent

针对相应的Element实现相应的方法，输入框是用来输入的，就需要创建输入用户名和输入密码的方法，这样就和真实的页面一致，所以这样的设计理念就是PO模式。 而PageFactory隶属PO模式，是用来初始化每个PO模式实现的Page Class，初始化对象库。