曲鸟全栈UI自动化教学(五):Selenium的键盘鼠标事件详解
一、前言
在之前的教学中对于页面的操作只涉及到了两个:点击、输入;其实Selenium的键盘鼠标操作还有很多,现在就为你一一讲解。
【Python测试交流群:8140 78962】
文章目录
- 一、前言
- 二、键盘事件
- 1. 输入指定内容【send_keys】
- 2. 模拟按下/弹起【key_down/key_up】
- 3. 清空输入【clear】
- 三、鼠标事件
- 1. 点击【click】
- 2. 单击并按住【click_and_hold】
- 3. 右键单击【context_click】
- 4. 移动到元素(悬浮)【move_to_element】
- 5. 偏移移动【move_by_offset】
- 6. 拖拽【drag_and_drop】
- 7. 偏移拖拽【drag_and_drop_by_offset】
- 8. 释放鼠标【release】
二、键盘事件
1. 输入指定内容【send_keys】
1.1 我们可以使用send_keys
来输入我们想要输入的内容
例如打开百度,搜索框输入:曲鸟 csdn
:
import time
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome() # 启动chrome浏览器
driver.get('https://www.baidu.com/') # 打开百度网址
# 在输入框输入:曲鸟 csdn
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys('曲鸟 csdn')
1.2 也可以指定按键输入
例如我们打开百度输入:csdn 曲鸟
,并粘贴复制它三次
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keysdriver = webdriver.Chrome() # 启动chrome浏览器
driver.get('https://www.baidu.com/') # 打开百度网址
# 在输入框输入:曲鸟 csdn
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys('曲鸟 csdn')
# 按下crtl+A 全选
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys(Keys.CONTROL, 'a')
# 按下crtl+C 复制
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys(Keys.CONTROL, 'c')
# 按下crtl+V 粘贴
for i in range(3):time.sleep(0.5)driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys(Keys.CONTROL, 'v')
执行效果
1.3 组合按键规则
send_keys支持按键的组合传递,例如上述的粘贴【Ctrl+V】操作,代码实现为:
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys(Keys.CONTROL, 'v')
另外,通过+
号做连接组合按键也是可行的
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys(Keys.CONTROL+'c')
如果想同时按下三个或更多按键键,则在括号中使用,
或+
号追加参数即可,例如在输入框同时输入a
、b
、c
:
driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys('a', 'b','c')
另外,我们可以通过【Ctrl+鼠标左键】代码中的Keys
,查看支持哪些按键及调用代码
2. 模拟按下/弹起【key_down/key_up】
Webdriver还提供了模拟键盘按下/弹起的操作,例如上述的复制操作可以改写为下面的代码
driver.find_element(By.XPATH, '//*[@id="kw"]')
webdriver.ActionChains(driver).key_down(Keys.CONTROL).send_keys("v").key_up(Keys.CONTROL).perform()
实际该方法不常用,使用第一种方法实现来说更简单。
3. 清空输入【clear】
clear
方法可以清楚输入框中的内容,例如下面的代码,会先打开百度,搜索框输入:曲鸟 csdn
,然后调用clear
方法进行清空
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
# 在输入框输入:曲鸟 csdn
driver = driver.find_element(By.XPATH, '//*[@id="kw"]')
driver.send_keys('曲鸟 csdn')
driver.clear()
三、鼠标事件
1. 点击【click】
通过click
方法能够对页面中可点击元素进行点击操作,例如下面的代码会对百度的【百度一下】按钮进行点击
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver= webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
# 点击百度一下
driver.find_element(By.XPATH,'//*[@id="su"]').click()
2. 单击并按住【click_and_hold】
下面的代码会将button
这个元素单击并按住
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
button = driver.find_element(By.XPATH, '//*[@id="s-top-left"]/a[1]')
webdriver.ActionChains(driver).click_and_hold(button).perform()
3. 右键单击【context_click】
下面的代码会将button
这个元素单击并按住
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
button = driver.find_element(By.XPATH, '//*[@id="s-top-left"]/a[1]').click()
webdriver.ActionChains(driver).context_click(button).perform()
4. 移动到元素(悬浮)【move_to_element】
下面的代码会将鼠标移动到button
这个元素上
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
button = driver.find_element(By.XPATH, '//*[@id="s-top-left"]/a[1]')
webdriver.ActionChains(driver).move_to_element(button).perform()
5. 偏移移动【move_by_offset】
此方法将鼠标从其当前位置(或 0,0)移动给定的偏移量。如果坐标在视图窗口之外,那么鼠标将在浏览器窗口之外结束。
下面的代码会将以button
这个元素为起点,将鼠标移动长为100
,高为100
的距离
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('https://www.baidu.com/') # 打开百度网址
button = driver.find_element(By.XPATH, '//*[@id="s-top-left"]/a[1]')
xOffset = 100
yOffset = 100
webdriver.ActionChains(driver).move_by_offset(xOffset, yOffset).perform()
6. 拖拽【drag_and_drop】
此方法首先在源元素上执行单击并按住,移动到目标元素的位置,然后释放鼠标。
下面的代码会单击按住sourceEle
元素,然后拖拽到targetEle
上,然后释放鼠标
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get("https://crossbrowsertesting.github.io/drag-and-drop")
sourceEle = driver.find_element(By.ID, "draggable")
targetEle = driver.find_element(By.ID, "droppable")
webdriver.ActionChains(driver).drag_and_drop(sourceEle,targetEle).perform()
7. 偏移拖拽【drag_and_drop_by_offset】
此方法首先在源元素上执行单击并按住,移动到给定的偏移量,然后释放鼠标。
下面的代码会单击按住sourceEle
元素,将鼠标移动长为100
,高为100
的距离,然后释放鼠标
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get("https://crossbrowsertesting.github.io/drag-and-drop")
sourceEle = driver.find_element(By.ID, "draggable")
XOffset = 100
YOffset = 100
webdriver.ActionChains(driver).drag_and_drop_by_offset(sourceEle, XOffset, YOffset).perform()
8. 释放鼠标【release】
此动作释放按下的鼠标左键。如果传递了 WebElement,它将在给定的 WebElement 上释放按下的鼠标左键
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get("https://crossbrowsertesting.github.io/drag-and-drop")
sourceEle = driver.find_element(By.ID, "draggable")
targetEle = driver.find_element(By.ID, "droppable")
webdriver.ActionChains(driver).click_and_hold(sourceEle).move_to_element(targetEle).perform()
webdriver.ActionChains(driver).release().perform()
一.前言 上篇文章我们学习了Selenium页面操作原理及如何高效的进行元素定位 那Selenium的工作原理又是什么?是如何驱动浏览器的呢?这篇文章为你讲解Selenium工作原理及Webdrive ... 一.前言 上篇文章中我们成功编写并启动了第一个selenium脚本.那Selenium是怎样知道我们想要操作哪个元素的呢? 这篇文章将为你讲解Selenium的页面操作原理和高效的元素定位方法. 文章 ... 多维数组 多维数组可以看成是数组的数组,二维数组是一个特殊的一维数组,其中的每一个元素都是一个一维数组 二维数组的定义格式: 定义一维数组的时候类型后面是一个[ ],而二维数组在类型后面跟上两个[ ] ... 各个驱动下载地址: http://www.seleniumhq.org/download/ 一.RFS介绍 1.概念 RFS框架:RobotFramework+Selenium框架 2.特点 2.1通 ... 如果你想选择一种语言来入门编程,那么Python绝对是首选! Python非常接近自然语言,精简了很多不必要的分号和括号,非常容易阅读理解.编程简单直接,更适合初学编程者,让其专注于编程逻辑,而不是困 ... UI设计师职业可以说现在是一门较吃香的行业了,不仅薪资高,发展的前景也很好,这样的就业趋势吸引了更多的年轻人的向往和学习.如何成为全栈UI设计师,UI学习就业怎么样呢?下面来看看吧. 如今随着互联网市 ... UI设计师职业可以说现在是一门较吃香的行业了,不仅薪资高,发展的前景也很好,这样的就业趋势吸引了更多的年轻人的向往和学习.如何成为全栈UI设计师,郑州UI学习就业怎么样呢?下面来看看吧. 如今随着互联 ... Web UI自动化录制工具-Selenium IDE 简介 安装 使用 实例 关于Run for pytest... 简介 Selenium IDE可以对网页行为进行录制.回放自动执行测试步骤,最新版 ... 五.Hudi集成Flink案例详解 5.1 hudi集成flink flink的下载地址: https://archive.apache.org/dist/flink/ Hudi Supported ...曲鸟全栈UI自动化教学(五):Selenium的键盘鼠标事件详解相关推荐
最新文章
热门文章