Selenium-ActionChainsApi--鼠标连贯操作

时间：2021-12-09 00:17:19

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发送的键，会实现按下-松开的全过程

本文组合转载~~

相关文章