Robotframework实战各种元素的笔记

悬浮下拉框 mouse over

适用功能说明：鼠标悬停在一级菜单，才可显示二级菜单，以下图“个人登录/注册”为例

实现方法：先实现鼠标悬停在一级菜单、再实现点击二级菜单

备注：由于鼠标移出浮窗会消失，采用“鼠标悬浮在二级菜单时，右键点击检查即可”

关键字	元素
#悬浮“登录/注册”
mouse over	//span[@class=‘el-dropdown-link el-dropdown-selfdefine’]
#等待元素可见（确保可点击）
Wait Until Element Is Visible	//body//li[1]
#点击“个人登录/注册”
Click Element	//body//li[1]

文本输入框 input text

适用功能说明：可手动输入内容的文本框，以“输入手机号”为例
实现方法：/

关键字	元素	要输入的内容
input text	//input[@placeholder=‘手机号码’]	13512345678

滑块拖拽 Drag And Drop By Offset

适用功能说明：以滑动滑块为例，向右移动固定位移量

实现方法：/

关键字	元素	x轴位移量，左移为负数，右移为正数	y轴位移量，上移为负数，下移为正数
Drag And Drop By Offset	//div[@class=‘block’]	50	0

获取短信验证码

适用功能说明：验证码存在redis里
实现方法：连接redis，取到key值，再填入文本框

变量赋值	关键字	服务器ip	端口
#连接redis
${redis_conn}	Connect To Redis	XXX.XXX.XXX.XXX	XXXX
#获取短信验证码
${data_smsCode_webUser_pc_login}	Get From Redis	${redis_conn}	#填写短信验证码对应的key值，如上图
--------	--------	--------	--------
#填入文本框
input text	//input[@placeholder=‘输入短信验证码’]	‘${data_smsCode_webUser_pc_login}’

勾选框 Click Element

适用功能说明：以“勾选隐私协议”为例

实现方法：/

关键字	元素
Click Element	//span[@class=‘el-checkbox__inner’]

按钮 Click Button

适用功能说明：以“点击登录按钮”为例

实现方法：/

关键字	元素
Click Button	//button[@class=‘el-button login_btn el-button–default’]

超链接 Click Link

适用功能说明：以“点击导航菜单”为例

实现方法：/

关键字	元素
Click Link	//div[@class=‘navl’]//div//a[@class=‘routerl’]

上传文件/图片 Choose File

适用功能说明：以“上传图片”为例

实现方法：先点击上传图片按钮，再选择文件进行上传

关键字	元素
Click Element	//div[@class=‘el-upload el-upload–picture-card’]
#聚焦如上图中的input标签、file类型的元素
Choose File	//input[@name=‘file’]	C://Users//14731//Desktop//1.png

单选按钮 Click Element

适用功能说明：表单字段，单选

实现方法：聚焦想要选中的选项

关键字	元素
Click Element	//label[3]//span[1]//span[1]

下拉列表框 Click Element

适用功能说明：下拉框元素ul/li

实现方法：点击下拉框，选中选项

关键字	元素
Click Element	//div[@class=‘part-inner’]//div[2]//span[1]//span[1]//i[1]
#点击第2个选项
Click Element	//div[@class=‘el-select-dropdown el-popper is-multiple’]//li[2]

下拉列表框 Set Focus To Element

适用功能说明：下拉框元素ul/li

实现方法：/

关键字	元素
Click Element	//i[@class=‘el-select__caret el-input__icon el-icon-arrow-up’]
#选择第一个选项
Set Focus To Element	//div[@class=‘el-select-dropdown el-popper’]//li[1]
#点击
Click Element	//div[@class=‘el-select-dropdown el-popper’]//li[1]

日历日期/时间选择框 input text

适用功能说明：可手动输入

实现方法：直接填入内容，日期格式要符合业务需求

关键字	元素
input text	//input[@placeholder=‘选择日期’]	2023-5-26

后续有时间的话会整理一份 Robotframework的安装、使用和关键字介绍