Selenium-ActionChainsApi--鼠标连贯操作

ActionChains

UI自动化测试过程中，经常遇到那种，需要鼠标悬浮后，要操作的元素才会出现的这种场景，那么我们就要模拟鼠标悬浮到某一个位置，做一系列的连贯操作，Selenium给我们提供了ActionChains模块。

引入方式

from selenium.webdriver.common.action_chains import ActionChains

实际上ActionChains这个模块的实现的核心思想就是，当你调用ActionChains的方法时，不会立即执行，而是会将所有的操作按顺序存放在一个List里，当你调用perform()方法时，队列中的时间会依次执行。（注：推荐一个尺子工具，MeasulerIt）

drag_and_drop

# 将source元素拖放至target元素处，参数为两个elementObj
ActionChains(driver).drag_and_drop(source=source,target=target)
 
# 将一个source元素 拖动到针对source左上角所在的x y处 可存在负宽度的情况和负高度的情况
ActionChains(driver).drag_and_drop_by_offset(source, x, y)
 
# 这种也是拖拽的一种方式，都是以源元素的左上角为基准，移动坐标
ActionChains(driver).click_and_hold(dom).move_by_offset(169,188).release().perform()

简易拼图示例：

from selenium import webdriver
driver = webdriver.Chrome()
driver.get('http://ui.imdsx.cn/move/')
driver.maximize_window()
js = 'window.scrollTo(0,0);'
driver.execute_script(js)

s1 = driver.find_element_by_css_selector('#dragger')
t1 = driver.find_element_by_css_selector('#i1')

s2=driver.find_element_by_css_selector('#dragger1')
t2= driver.find_element_by_css_selector('#i2')

s3=driver.find_element_by_css_selector('#dragger2')
t3= driver.find_element_by_css_selector('#i3')

s4=driver.find_element_by_css_selector('#dragger3')
t4= driver.find_element_by_css_selector('#i4')

from selenium.webdriver.common.action_chains import ActionChains
ActionChains(driver).drag_and_drop(s1,t1).drag_and_drop(s2,t2).drag_and_drop(s3,t3).drag_and_drop(s4,t4).perform()

move_to_element

# 鼠标移动到某一个元素上,结束elementObj
ActionChains(driver).move_to_element(e)
 
# 鼠标移动到制定的坐标上，参数接受x，y
ActionChains(driver).move_by_offset(e['x'],e['y'])
 
例：
driver = webdriver.Chrome()
driver.maximize_window()
driver.get('http://ui.imdsx.cn/uitester/')
time.sleep(2)
driver.execute_script('document.body.scrollTop=0')
time.sleep(1)
a = driver.find_element_by_id('a').location
dis = driver.find_element_by_id('dis1')
ActionChains(driver).move_by_offset(a['x'],a['y']).double_click(dis).perform()

click

# 单击事件,可接受elementObj
ActionChains(driver).click()
 
# 双击事件,可接受elementObj
ActionChains(driver).double_click()
 
# 点击鼠标右键
ActionChains(driver).context_click()
 
# 点击某个元素不松开,接收elementObj
ActionChains(driver).click_and_hold()
 
# # 某个元素上松开鼠标左键,接收elementObj
ActionChains(driver).release()

示例1（方法一）：

操作说明：鼠标悬浮的连贯操作，定位并移动到某个元素a后，才会显示元素b，然后在点击元素b

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get('http://ui.imdsx.cn/uitester')
driver.maximize_window()
js = 'window.scrollTo(0,0);'
driver.execute_script(js)

# 鼠标悬浮的连贯操作
from selenium.webdriver.common.action_chains import ActionChains
div = driver.find_element_by_css_selector('#a')
disInput = driver.find_element_by_css_selector('#dis1')
ActionChains(driver).move_to_element(div).click(disInput).perform()
time.sleep(2)
driver.quit()

示例2（方法二）：

操作说明：原元素b是隐藏显示的，现将b取消隐藏，这样页面上就会显示b，显示后进行定位并点击操作；但不建议使用这种暴力破解的操作方式

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get('http://ui.imdsx.cn/uitester')
driver.maximize_window()
js = 'window.scrollTo(0,0);'
driver.execute_script(js)

div = driver.find_element_by_css_selector('#a')
# 把隐藏的display=none,改成display=‘’空，这种操作不建议使用，属于暴力破解，非用户的页面操作方式
js = "document.getElementById('dis1').style.display='';"
driver.execute_script(js)
disInput = driver.find_element_by_css_selector('#dis1')
disInput.click()
time.sleep(2)
driver.quit()

key_down与key_up

有时我们需要模拟键盘操作时，那么就需要用到ActionChains中的key操作了，提供了两个方法，key_down与key_up，模拟按下键盘的某个键子，与松开某个键子，接收的参数是按键的Keys与elementObj。可以与send_keys连用（例：全选、复制、剪切、粘贴）

# key_down 模拟键盘摁下某个按键 key_up 松开某个按键，与sendkey连用完成一些操作，每次down必须up一次否则将出现异常
ActionChains(driver).key_down(Keys.CONTROL,dom).send_keys('a').send_keys('c').key_up(Keys.CONTROL)
    .key_down(Keys.CONTROL,dom1).send_keys('v').key_up(Keys.CONTROL).perform()

Keys 实际是Selenium提供的一个键盘事件模块，在模拟键盘事件时需要导入Keys模块

Keys的引入路径

from selenium.webdriver.common.keys import Keys

• key_down(value,element)，key_up(value,element)

　　　key_down，在键盘上按住一个键，不放开，一般和key_up搭配使用

• send_keys_to_element(element,keys_to_send)

　　对指定元素，使用某一按键，这个按键需要包含在Keys的包中。

　　

　　来看一组和用例：

　　1.打开百度，输入“追光者”，将输入的内容，复制

　　2.打开火狐首页，将复制的内容在火狐中搜索

　　使用key的组合键，可以参考以下格式：

　　　　action.key_down().send_keys().key_up()

　　其中，key_dowm和key_up的内容，需要是Keys包中的内容，中间的send_keys，可以省略，如果需要用到字母、数字等的话，可以使用

　　代码如下：

 1 import time
 2 from selenium.webdriver.common.action_chains import ActionChains
 3 from selenium import webdriver
 4 from selenium.webdriver.common.keys import Keys
 5 
 6 driver=webdriver.Firefox()
 7 driver.get("https://www.baidu.com/")
 8 time.sleep(3)
 9 print(driver.title)
10 #将光标定位到输入框
11 kw=driver.find_element_by_id("kw")
12 #点击一下，就可以和actions组合使用了
13 kw.click()
14 #复制粘贴输入框的内容
15 actions=ActionChains(driver)
16 #输入“追光者”
17 actions.send_keys("追光者")
18 #全选，复制
19 actions.key_down(Keys.CONTROL).send_keys(‘a‘).key_up(Keys.CONTROL)  #ctrl+a
20 actions.key_down(Keys.CONTROL).send_keys(‘c‘).key_up(Keys.CONTROL)  #ctrl+c
21 actions.perform()
22 #打开火狐首页，粘贴，追光者
23 driver.get("http://i.firefoxchina.cn/")
24 search_key=driver.find_element_by_id("search-key")
25 actions.key_down(Keys.CONTROL,search_key).send_keys(‘v‘).key_up(Keys.CONTROL)  #ctrl+v
26 actions.perform()

最后，补充一个send_keys的常用用法，对文本框使用组合键

　　element.send_keys(Keys.XXX,‘X‘)，

　　例如：修改上述代码，使用send_keys实现粘贴

#修改上述代码25,26行
search_key.send_keys(Keys.CONTROL,‘v‘)

可以看出，两种方法实现组合键的区别在于，key_down,发送，只是按下按键，并不会自动松开，而send_keys发送的键，会实现按下-松开的全过程

本文组合转载~~