div中移除某个元素 js_JavaScript在自动化测试中的作用

窗口滑动：

def scrollTo(x, y):
    js = """
    window.scrollTo("{x}", "{y}")
    """.format(x=x, y=y)
    driver.execute_script(js)

参数说明

x：屏幕向右移动的距离

y：屏幕向下移动的距离

点击元素：

用途：由于web自动化的最大问题就是稳定性比较差，有些时候使用selenium无法点击元素，因此我们可以使用JS实现元素的点击操作.

def click(css, index=0):
    js = """var element = document.querySelectorAll("{css}")[{index}];
               element.click();""".format(css=css, index=index)
    driver.execute_script(js)

参数说明

css：css表达式

index：索引值，默认0，标识第一个元素

高亮元素：

方便用户查看当前操作的是哪个页面元素，也方便测试人员定位问题

def height_light(css, index=0):
    js = """
    var element = document.querySelectorAll("{css}")[{index}];
        element.style.border="2px solid red";
    """.format(css=css, index=index)
    driver.execute_script(js)

参数说明

css：css表达式

index：索引值，默认0，标识第一个元素

移除属性：

以下方法可以删除元素的任何属性，主要用来移除时间控件的readonly属性

def remove_attribute(css, attribute, index=0):
    js = """
    var element = document.querySelectorAll("{css}")[{index}];
        element.removeAttribute("{attr}");
    """.format(css=css, index=index, attr=attribute)
    driver.execute_script(js)

参数说明

css:：css表达式

index：索引值，默认0，标识第一个元素

attribute：元素的某个属性，比如readonly，value，name等。

清除输入框内容：

用来清除输入框的内容

def clear(css, index=0):
    js = """var element = document.querySelectorAll("{css}")[{index}];
                element.value = "";""".format(css=css, index=index)
    driver.execute_script(js)

参数说明

css：css表达式

index：索引值，默认0，标识第一个元素。

输入内容：

输入框中输入内容

def input(self, css, value, index=0):
    js = """var element = document.querySelectorAll("{css}")[{index}];
                element.value = "{value}";""".format(css=css, index=index, value=value)
    driver.execute_script(js)

参数说明

css：css表达式

value：待输入的数据

index：索引值，默认0，标识第一个元素

说明：

以上所有的JS操作，还可以结合selenium中的WebElement按照以下方式实现，因为JS中查找元素的方法有限，比如xpath定位，在js中不存在

如滚动页面

def scrollTo(self, element, x, y):
    js = """
    arguments[0].scrollTo("{}", "{}")
    """.format(x, y)
    driver.execute_script(js, element)

参数说明

element：通过selenium中的定位方法查找到的WebElement元素对象

arguments[0]：代表execute_script（）方法的第二个参数.