zoukankan      html  css  js  c++  java
  • Selenium之动作链(ActionChains)

    Selenium之动作链(ActionChains)

    用selenium做自动化,有时候会遇到需要模拟鼠标操作才能进行的情况,比如单击、双击、点击鼠标右键、拖拽等等。而selenium给我们提供了一个类来处理这类事件——ActionChains
     
    selenium.webdriver.common.action_chains.ActionChains(driver)
     
     

    这个类基本能够满足我们所有对鼠标操作的需求。

    1.ActionChains基本用法

    首先需要了解ActionChains的执行原理,当你调用ActionChains的方法时,不会立即执行,而是会将所有的操作按顺序存放在一个队列里,当你调用perform()方法时,队列中的时间会依次执行。

    这种情况下我们可以有两种调用方法:
    链式写法
    menu = driver.find_element_by_css_selector(".nav")
    hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
    ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()
    分步写法
    menu = driver.find_element_by_css_selector(".nav")
    hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
    actions = ActionChains(driver)
    actions.move_to_element(menu)
    actions.click(hidden_submenu)
    actions.perform()
     
    两种写法本质是一样的,ActionChains都会按照顺序执行所有的操作。
     

    2.ActionChains方法列表

    复制代码
    click(on_element=None) ——单击鼠标左键
    click_and_hold(on_element=None) ——点击鼠标左键,不松开
    context_click(on_element=None) ——点击鼠标右键
    double_click(on_element=None) ——双击鼠标左键
    drag_and_drop(source, target) ——拖拽到某个元素然后松开
    drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某个坐标然后松开
    key_down(value, element=None) ——按下某个键盘上的键
    key_up(value, element=None) ——松开某个键
    move_by_offset(xoffset, yoffset) ——鼠标从当前位置移动到某个坐标
    move_to_element(to_element) ——鼠标移动到某个元素
    move_to_element_with_offset(to_element, xoffset, yoffset) ——移动到距某个元素(左上角坐标)多少距离的位置
    perform() ——执行链中的所有动作
    release(on_element=None) ——在某个元素位置松开鼠标左键
    send_keys(*keys_to_send) ——发送某个键到当前焦点的元素
    send_keys_to_element(element, *keys_to_send) ——发送某个键到指定元素
    复制代码
     
     
    接下来用示例来详细说明和演示每一个方法的用法:
    3.代码示例

    1. 点击操作

    示例网址http://sahitest.com/demo/clicks.htm
    代码: 
     
    复制代码
    # -*- coding: utf-8 -*-
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from time import sleep
    driver = webdriver.Firefox()
    driver.implicitly_wait(10)
    driver.maximize_window()
    driver.get('http://sahitest.com/demo/clicks.htm')
    click_btn = driver.find_element_by_xpath('//input[@value="click me"]')  # 单击按钮
    doubleclick_btn = driver.find_element_by_xpath('//input[@value="dbl click me"]')  # 双击按钮
    rightclick_btn = driver.find_element_by_xpath('//input[@value="right click me"]')  # 右键单击按钮
    ActionChains(driver).click(click_btn).double_click(doubleclick_btn).context_click(rightclick_btn).perform()  # 链式用法
    print driver.find_element_by_name('t2').get_attribute('value')
    sleep(2)
    driver.quit() 
    复制代码
     

    2.鼠标移动

     
    示例网址http://sahitest.com/demo/mouseover.htm
    示例代码:
    复制代码
    # -*- coding: utf-8 -*-​
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from time import sleep
    ​
    driver = webdriver.Firefox()
    driver.implicitly_wait(10)
    driver.maximize_window()
    driver.get('http://sahitest.com/demo/mouseover.htm')
    ​
    write = driver.find_element_by_xpath('//input[@value="Write on hover"]')  # 鼠标移动到此元素,在下面的input框中会显示“Mouse moved”
    blank = driver.find_element_by_xpath('//input[@value="Blank on hover"]')  # 鼠标移动到此元素,会清空下面input框中的内容
    ​
    result = driver.find_element_by_name('t1')
    ​
    action = ActionChains(driver)
    action.move_to_element(write).perform()  # 移动到write,显示“Mouse moved”
    print result.get_attribute('value')
    ​
    # action.move_to_element(blank).perform()
    action.move_by_offset(10, 50).perform()  # 移动到距离当前位置(10,50)的点,与上句效果相同,移动到blank上,清空
    print result.get_attribute('value')
    ​
    action.move_to_element_with_offset(blank, 10, -40).perform()  # 移动到距离blank元素(10,-40)的点,可移动到write上
    print result.get_attribute('value')
    ​
    sleep(2)
    driver.quit()
    复制代码
     
     
    一般很少用位置关系来移动鼠标,如果需要,可参考下面的链接来测量元素位置
    http://jingyan.baidu.com/article/eb9f7b6d87e2ae869264e847.html

    3.拖拽

    示例网址:http://sahitest.com/demo/dragDropMooTools.htm
    代码:
    复制代码
    # -*- coding: utf-8 -*-
    ​
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from time import sleep
    ​
    driver = webdriver.Firefox()
    driver.implicitly_wait(10)
    driver.maximize_window()
    driver.get('http://sahitest.com/demo/dragDropMooTools.htm')
    ​
    dragger = driver.find_element_by_id('dragger')  # 被拖拽元素
    item1 = driver.find_element_by_xpath('//div[text()="Item 1"]')  # 目标元素1
    item2 = driver.find_element_by_xpath('//div[text()="Item 2"]')  # 目标2
    item3 = driver.find_element_by_xpath('//div[text()="Item 3"]')  # 目标3
    item4 = driver.find_element_by_xpath('//div[text()="Item 4"]')  # 目标4
    ​
    action = ActionChains(driver)
    action.drag_and_drop(dragger, item1).perform()  # 1.移动dragger到目标1
    sleep(2)
    action.click_and_hold(dragger).release(item2).perform()  # 2.效果与上句相同,也能起到移动效果
    sleep(2)
    action.click_and_hold(dragger).move_to_element(item3).release().perform()  # 3.效果与上两句相同,也能起到移动的效果
    sleep(2)
    # action.drag_and_drop_by_offset(dragger, 400, 150).perform()  # 4.移动到指定坐标
    action.click_and_hold(dragger).move_by_offset(400, 150).release().perform()  # 5.与上一句相同,移动到指定坐标
    sleep(2)
    driver.quit()
    复制代码
     
     
    一般用坐标定位很少,用上例中的方法1足够了,如果看源码,会发现方法2其实就是方法1中的drag_and_drop()的实现。注意:拖拽使用时注意加等待时间,有时会因为速度太快而失败。

    4.按键

    模拟按键有多种方法,能用win32api来实现,能用SendKeys来实现,也可以用selenium的WebElement对象的send_keys()方法来实现,这里ActionChains类也提供了几个模拟按键的方法。
    示例网址http://sahitest.com/demo/keypress.htm
    代码1:
    复制代码
    # -*- coding: utf-8 -*-
    ​
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from time import sleep
    ​
    driver = webdriver.Firefox()
    driver.implicitly_wait(10)
    driver.maximize_window()
    driver.get('http://sahitest.com/demo/keypress.htm')
    ​
    key_up_radio = driver.find_element_by_id('r1')  # 监测按键升起
    key_down_radio = driver.find_element_by_id('r2')  # 监测按键按下
    key_press_radio = driver.find_element_by_id('r3')  # 监测按键按下升起
    ​
    enter = driver.find_elements_by_xpath('//form[@name="f1"]/input')[1]  # 输入框
    result = driver.find_elements_by_xpath('//form[@name="f1"]/input')[0]  # 监测结果
    ​
    # 监测key_down
    key_down_radio.click()
    ActionChains(driver).key_down(Keys.CONTROL, enter).key_up(Keys.CONTROL).perform()
    print result.get_attribute('value')
    ​
    # 监测key_up
    key_up_radio.click()
    enter.click()
    ActionChains(driver).key_down(Keys.SHIFT).key_up(Keys.SHIFT).perform()
    print result.get_attribute('value')
    ​
    # 监测key_press
    key_press_radio.click()
    enter.click()
    ActionChains(driver).send_keys('a').perform()
    print result.get_attribute('value')
    driver.quit()
    复制代码

     示例网址http://sahitest.com/demo/label.htm

     
    代码:

    复制代码
    # -*- coding: utf-8 -*-
    ​
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from selenium.webdriver.common.keys import Keys
    from time import sleep
    ​
    driver = webdriver.Firefox()
    driver.implicitly_wait(10)
    driver.maximize_window()
    ​
    driver.get('http://sahitest.com/demo/label.htm')
    ​
    input1 = driver.find_elements_by_tag_name('input')[3]
    input2 = driver.find_elements_by_tag_name('input')[4]
    ​
    action = ActionChains(driver)
    input1.click()
    action.send_keys('Test Keys').perform()
    action.key_down(Keys.CONTROL).send_keys('a').key_up(Keys.CONTROL).perform()  # ctrl+a
    action.key_down(Keys.CONTROL).send_keys('c').key_up(Keys.CONTROL).perform()  # ctrl+c
    ​
    action.key_down(Keys.CONTROL, input2).send_keys('v').key_up(Keys.CONTROL).perform()  # ctrl+v
    ​
    print input1.get_attribute('value')
    print input2.get_attribute('value')
    driver.quit()
    复制代码

      

    复制粘贴用WebElement< input >.send_keys()也能实现,大家可以试一下,也可以用更底层的方法,同时也是os弹框的处理办法之一的win32api,有兴趣也可以试试SendKeys、keybd_event
     

    3.ActionChains处理滚动条

    selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了。

      当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的。这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上。滚动条是无法直接用定位工具来定位的。selenium里面也没有直接的方法去控制滚动条,这时候只能借助Js代码了,还好selenium提供了一个操作js的方法:execute_script(),可以直接执行js的脚本。

     

    一、控制滚动条高度

      1.滚动条回到顶部:

     
    js="var q=document.getElementById('id').scrollTop=0"
    browers.execute_script(js)

      2.滚动条拉到底部

     
    self.browser.execute_script('window.scrollTo(0, document.body.scrollHeight)')

      二、横向滚动条
        1.有时候浏览器页面需要左右滚动(一般屏幕最大化后,左右滚动的情况已经很少见了)。
        2.通过左边控制横向和纵向滚动条scrollTo(x, y)js = "window.scrollTo(100,400);"

        driver.execute_script(js)

      三、元素聚焦

        虽然用上面的方法可以解决拖动滚动条的位置问题,但是有时候无法确定我需要操作的元素在什么位置,有可能每次打开的页面不一样,元素所在的位置也不一样,怎么办呢?这个时候我们可以先让页面直接跳到元素出现的位置,然后就可以操作了。

        同样需要借助JS去实现。 具体如下:

        target = driver.find_element_by_xxxx()
        driver.execute_script("arguments[0].scrollIntoView();", target)

      四、参考代码

      

      例如定位id =J_ItemList的元素

  • 相关阅读:
    sed
    UCOSIII(二)
    UCOSIII(一)
    IIC
    SPI
    vii
    find
    grep
    Scrum项目4.0
    Scrum项目3.0
  • 原文地址:https://www.cnblogs.com/ziyewu/p/14440975.html
Copyright © 2011-2022 走看看