Selenium之模拟鼠标操作的动作链-自动化测试

　　用Selenium做自动化测试，有时候会遇到需要模拟鼠标操作才能进行的情况，比如单击、双击、点击鼠标右键、拖拽等等。而selenium给我们提供了一个类来处理这类事件——ActionChains。这个类基本能够满足我们所有对鼠标操作的需求。

　　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

　　4.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)

　　以上内容为大家介绍了自动化测试中的Selenium之模拟鼠标操作的动作链，本文由多测师亲自撰写，希望对大家有所帮助。了解更多自动化测试相关知识：https://www.aichudan.com/xwzx/