Web UI自动化测试学习系列5--基础知识1--常用元素定位1

测试学习记录,仅供参考!

selenium八大常用元素定位

元素定位是 web ui 自动化最关键的一部分;

1、打开 XAMPP Control Panel 控制面板→启动 apache 和 MySQL 服务;

2、成功启动 apache 和 MySQL 服务后,打开开源电商商城系统首页,单击'登录'按钮,打开登录页面;

3、 在登录页单击'注册'或者'立即注册'按钮,进入注册新会员页面,打开开发者工具;

(开发人员工具、开发工具,叫法不同,快捷键:F12 或者鼠标右键单击菜单选择'检查')

ps:浏览器开发者工具烦请自行学习其相关操作(这里使用的 edge 浏览器)

4、鼠标单击开发者工具中的元素定位按钮,鼠标光标悬停在'用户名'标签后的文本输入框上;(未单击选中时是置灰色的,点击选中后呈蓝色;下图红色箭头指示,最左侧的一个按钮,这里仅供参考,若有区别请自行解决;)

5、 在项目根目录下新建一个名称为 element_local.py 的 Python 文件;(取一个符合命名规则的文件名)

复制代码
# 导包--先引入库,把 selenium webdriver 引进来
from selenium import webdriver
# 把元素定位 BY 类 引进来
from selenium.webdriver.common.by import By

# 实例化edge浏览器--通过webdriver驱动一个浏览器
driver = webdriver.Edge()

# 打开网页--打开一个浏览器,地址是注册页面地址
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个ID元素定位
ele = driver.find_element(By.ID, 'username')
# 打印一下查看有木有取到,能不能定位到
print(ele)

6、 此运行结果说明是 能够取到的,可以正常定位到,是没有问题的

复制代码
<selenium.webdriver.remote.webelement.WebElement (session="8df5b5256340a6b8191290ec242338d5", element="f.BF77FA6F12328E23045A9971BC56450F.d.247E3EE845B4CADE366E03ADBDC718BD.e.9")>

进程已结束,退出代码为 0

一、ID 元素定位

7、id 元素定位, id 是标签的唯一属性,可以通过 id 属性来唯一定位一个元素;

复制代码
driver.find_element(By.ID, 'username')

二、NAME 元素定位

8、name 元素定位,基于标签中的 name 属性来进行定位;

复制代码
driver.find_element(By.NAME, 'username')

9、 优化 element_local.py 文件;

复制代码
# 导包
from selenium import webdriver
from selenium.webdriver.common.by import By

# 实例化edge浏览器
driver = webdriver.Edge()

# 打开网页
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个 ID 元素定位
driver.find_element(By.ID, 'username')

# 第二个 NAME 属性定位
ele = driver.find_element(By.NAME, 'username')
print(ele)

三、CLASS_NAME 元素定位

10、class_name 元素定位,基于 html 标签中的 class 属性来进行定位;

复制代码
driver.find_element(By.CLASS_NAME, 'inputBg')

11、 优化 element_local.py 文件--调试查看有木有拿到这个元素,最好是打印一下;

复制代码
# 导包
from selenium import webdriver
from selenium.webdriver.common.by import By

# 实例化edge浏览器
driver = webdriver.Edge()

# 打开网页
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个 ID 元素定位
driver.find_element(By.ID, 'username')

# 第二个 NAME 属性定位
driver.find_element(By.NAME, 'username')

# 第三个 CLASS_NAME 属性定位
ele = driver.find_element(By.CLASS_NAME, 'inputBg')
print(ele)

四、TAG_NAME 元素定位 (标签名元素定位)

12、tag_name 元素定位,基于 html 中的标签名来进行定位;

复制代码
driver.find_element(By.TAG_NAME, 'input')

13、 优化 element_local.py 文件;

复制代码
# 导包
from selenium import webdriver
from selenium.webdriver.common.by import By

# 实例化edge浏览器
driver = webdriver.Edge()

# 打开网页
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个 ID 元素定位
driver.find_element(By.ID, 'username')

# 第二个 NAME 属性定位
driver.find_element(By.NAME, 'username')

# 第三个 CLASS_NAME 元素定位
driver.find_element(By.CLASS_NAME, 'inputBg')

# 第四种 TAG_NAME 元素定位
ele = driver.find_element(By.TAG_NAME, 'input')
print(ele)

14、LINK_TEXT 完整超链接文本定位 通过完整的超链接文本来定位元素;

复制代码
driver.find_element(By.LINK_TEXT, '我已有账号,我要登录')

例如注册页面中的超链接'用户协议'、'我已有账号,我要登录'、'您忘记密码了吗?',超链接定位是通过超链接的文本去定位,务必注意超链接的文本要写全,且区分大小写;若有多个相同的文本链接时,只会返回第一个匹配的元素;

15、 优化 element_local.py 文件;添加时间模块等待函数,防止浏览器过快关闭看不到效果;

复制代码
# 导包
from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep

# 实例化edge浏览器
driver = webdriver.Edge()

# 打开网页
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个 ID 元素定位
driver.find_element(By.ID, 'username')

# 第二个 NAME 属性定位
driver.find_element(By.NAME, 'username')

# 第三个 CLASS_NAME 元素定位
driver.find_element(By.CLASS_NAME, 'inputBg')

# 第四种 TAG_NAME 元素定位
driver.find_element(By.TAG_NAME, 'input')

# 第五种 LINK_TEXT 完整超链接文本定位--单击操作 click() 点击效果
driver.find_element(By.LINK_TEXT, '我已有账号,我要登录').click()
#页面等待3秒
sleep(3)
# 关闭浏览器
driver.quit()

以'我已有账号,我要登录'为例,增加单击 click() 方法,添加时间模块,浏览器页面等待指定时间再关闭,出现登录页面则表示超链接文本定位成功;

16、PARTIAL_LINK_TEXT 部分超链接文本定位 通过超链接文本的部分内容来定位元素,对大小写敏感;若有多个相同的文本链接时,只会返回第一个匹配的元素;

复制代码
driver.find_element(By.PARTIAL_LINK_TEXT, '我要登录')

17、 优化 element_local.py 文件;

复制代码
# 导包
from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep

# 实例化edge浏览器
driver = webdriver.Edge()

# 打开网页
driver.get('http://localhost:8088/ecshop/user.php?act=register')

# 第一个 ID 元素定位
driver.find_element(By.ID, 'username')

# 第二个 NAME 属性定位
driver.find_element(By.NAME, 'username')

# 第三个 CLASS_NAME 元素定位
driver.find_element(By.CLASS_NAME, 'inputBg')

# 第四种 TAG_NAME 元素定位
driver.find_element(By.TAG_NAME, 'input')

# 第五种 LINK_TEXT 完整超链接文本定位--单击操作 click()
driver.find_element(By.LINK_TEXT, '我已有账号,我要登录')

# 第六种 PARTIAL_LINK_TEXT 部分超链接文本定位--单击操作 click() 点击效果
driver.find_element(By.PARTIAL_LINK_TEXT, '我要登录').click()

#页面等待3秒
sleep(3)
# 关闭浏览器
driver.quit()

未完待续。。。

相关推荐
如竟没有火炬25 分钟前
全排列——交换的思想
开发语言·数据结构·python·算法·leetcode·深度优先
浮游本尊35 分钟前
React 18.x 学习计划 - 第五天:React状态管理
前端·学习·react.js
机器瓦力42 分钟前
Trae使用:重构一个项目
python·ai编程
baole9631 小时前
YOLOv4简单基础学习
学习·yolo·目标跟踪
jarreyer1 小时前
python离线包安装方法总结
开发语言·python
九江Mgx1 小时前
使用 Go + govcl 实现 Windows 资源管理器快捷方式管理器
windows·golang·govcl
码银1 小时前
【python】基于 生活方式与健康数据预测数据集(Lifestyle and Health Risk Prediction)的可视化练习,附数据集源文件。
开发语言·python·生活
Pluchon2 小时前
硅基计划5.0 MySQL 叁 E-R关系图&联合/多表查询&三大连接&子查询&合并查询
开发语言·数据库·学习·mysql
学工科的皮皮志^_^2 小时前
网口学习理解
经验分享·笔记·嵌入式硬件·学习·fpga开发·以太网