Selenium-ActionChainsApi--鼠标连贯操作

摘要:
在ActionChainsUI自动测试过程中,我们经常会遇到这样的场景,即要操作的元素只在鼠标悬停后出现。然后我们需要模拟鼠标悬停到某个位置,以进行一系列连贯的操作。Selenium为我们提供了ActionChains模块。进口方式为硒。webdriver。常见的action_ChainimportActionChains实际上,ActionChains模块实现

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

本文组合转载~~

免责声明:文章转载自《Selenium-ActionChainsApi--鼠标连贯操作》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mariadb5.5.56二进制离线安装java进程内存溢出案例下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

selenium select下拉选择框定位处理的两种方式

一、前言      总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询; 二、直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPath,使用find_element_by_xpath定位; driver = webdriver.Firefox() driver.get("htt...

第七部分(一) 动态渲染页面爬取(Selenium的使用)

Ajax分析和抓取方式,是JavaScript动态渲染页面的一种情形,可使用 requests 或 urllib 爬取数据。JavaScript动态渲染的页面不是只有Ajax一种,比如中国青年网 http://news.youth.cn/gn/ 的分页部分由JavaScript生成的,不是原始的HTML代码,但是不包含Ajax请求。又比如ECharts的...

Python爬虫学习教程:天猫商品数据爬虫

天猫商品数据爬虫使用教程 下载chrome浏览器 查看chrome浏览器的版本号,下载对应版本号的chromedriver驱动 pip安装下列包 pip install selenium pip install pyquery 登录微博,并通过微博绑定淘宝账号密码 在main中填写chromedriver的绝对路径 在main中填写微博账号密码 1...

Selenium:元素等待的4种方法

1.使用Thread.sleep(),这是最笨的方法,但有时候也能用到而且很实用。 2.隐示等待,隐性等待是指当要查找元素,而这个元素没有马上出现时,告诉WebDriver查询Dom一定时间。默认值是0,但是设置之后,这个时间将在WebDriver对象实例整个生命周期都起作用。 WebDriverdr=newFirefoxDriver(); dr.man...

CentOS搭建Git服务器及权限管理

https://www.cnblogs.com/fly_dragon/p/8718614.html 声明:本教程,仅作为配置的记录,细节不展开,需要您有一点linux的命令基础,仅作为配置参考。 1. 系统环境 系统: Linux:CentOS 7.2 64位 由于CentOS已经内置了OpenSSH,如果您的系统没有,请自行安装。 查看ssh版本 $s...

11.6 Appium+mitmdump 爬取京东商品

11.6 Appium+mitmdump 爬取京东商品 在前文中,我们曾经用 Charles 分析过京东商品的评论数据,但是可以发现其参数相当复杂,Form 表单有很多加密参数。如果我们只用 Charles 探测到这个接口链接和参数,还是无法直接构造请求的参数,构造的过程涉及一些加密算法,也就无法直接还原抓取过程。 我们了解了 mitmproxy 的用法,...