玩转python selenium鼠标键盘操作(ActionChains)

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

selenium.webdriver.common.action_chains.ActionChains(driver)

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

1.ActionChains基本用法

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

这种情况下我们可以有两种调用方法: 

•链式写法

?
1
2
3
4
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()

 •分步写法

?
1
2
3
4
5
6
7
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 

代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# -*- 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()

结果:

[CLICK][DOUBLE_CLICK][RIGHT_CLICK]

2.鼠标移动

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

示例代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# -*- 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()

结果

Mouse moved

Mouse moved

3.拖拽

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

代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
# -*- 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()

结果:

dropped dropped dropped dropped

一般用坐标定位很少,用上例中的方法1足够了,如果看源码,会发现方法2其实就是方法1中的drag_and_drop()的实现。注意:拖拽使用时注意加等待时间,有时会因为速度太快而失败。

4.按键

模拟按键有多种方法,能用win32api来实现,能用SendKeys来实现,也可以用selenium的WebElement对象的send_keys()方法来实现,这里ActionChains类也提供了几个模拟按键的方法。

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

代码1:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
# -*- 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()

结果:

key downed charCode=[0] keyCode=[17] CTRL
key upped charCode=[0] keyCode=[16] NONE
key pressed charCode=[97] keyCode=[0] NONE

示例2:

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

代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
# -*- 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()

结果:

Test Keys
Test Keys

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


你可能感兴趣的:(selenium自动化测试,python测试学习笔记)