Selenium八种元素定位,以资产管理系统为例

前言

由于现阶段学习了Selenium进行自动化测试,现在总结整理下Selenium中元素定位的方法,希望可以帮助一些有疑问的朋友。


一、查看页面元素

1.用浏览器打开任一页面,点击右上角>更多工具>开发者工具或者按F12,就可以看到整个页面的HTML代码。以谷歌浏览器,百度地址为例:
在这里插入图片描述
2.点击框中左上角的箭头图标,移动鼠标到你想要搜索的内容中,就可以自动定位到你想要搜索的内容的HTML代码了,可以查看到你想要搜索内容的属性。例如:百度页面搜索框:
在这里插入图片描述

二、必要步骤

引入库:

from selenium import webdriver

打开谷歌浏览器

driver = webdriver.Chrome()

三、元素定位:find_element_by_id()

1.操作

以资产管理系统登录页面的用户名输入框为例,先打开资产管理系统登录页面,选择用户名输入框,右击查看元素:
在这里插入图片描述
我们从上面定位到的元素属性中,可以看到有个id属性:id=“username”,这里可以通过它的id属性定位到这个元素。(进行代码的编写),定位到用户名输入框后,我们需要对其赋值,这里我们用send_keys()方法进行文本输入,如果我们需要对其单机操作,我们这里用click()方法。

2.案例

通过下面的案例步骤在PyCharm中进行代码的编写。

案例步骤:

1、进入资产管理系统登录页面;

2、通过id方法输入用户名。

在PyCharm中进行代码编写:

from selenium import webdriver

# 打开谷歌浏览器
driver = webdriver.Chrome()
# 进入资产管理系统登录页面
driver.get("http://XX.XX.XX.XX/pams/front/login.do")
# 通过id方法定位页面元素,输入用户名
driver.find_element_by_id("loginName").send_keys("APP")

三、元素定位:find_element_by_name()

1.操作

以资产管理系统登录页面的用户名输入框为例,先打开资产管理系统登录页面,选择用户名输入框,右击查看元素:
在这里插入图片描述
我们从上面定位到的元素属性中,可以看到有个name属性:name=“username”,这里可以通过它的name属性定位到这个元素。(进行代码的编写),定位到用户名输入框后,我们需要对其赋值。

2.案例

通过下面的案例步骤在PyCharm中进行代码的编写。

案例步骤:

1、进入资产管理系统登录页面;

2、通过name方法输入用户名。

PyCharm中进行代码编写:

from selenium import webdriver

# 打开谷歌浏览器
driver = webdriver.Chrome()
# 进入资产管理系统登录页面
driver.get("http://XX.XX.XX.XX/pams/front/login.do")
# 通过name方法定位页面元素,输入用户名
driver.find_element_by_name("loginName").send_keys("APP")

总结

以上就是今天要讲的内容,本文介绍了find_element_by_id()和find_element_by_name()的使用,下次再介绍selenium八种方法中的其他方法。

猜你喜欢

转载自blog.csdn.net/weixin_46352122/article/details/121828138