【2024软件测试面试必会技能】Selenium(5)：元素定位的介绍及使用

Selenium元素定位介绍：

　　元素的定位和操作是自动化测试的核心部分，其中操作又是建立在定位的基础上的，举例：一个对象就是一个人，我们可以通过身份证号、姓名或者他的住址找到这个人。那么一个web对象也是一样的，我们可以通过唯一区别于其它元素的属性来定位这个元素。

元素识别：

一、利用Chrome浏览器开发者工具：

1）打开Chrome浏览器，按F12或依次点击菜单—更多工具—开发者工具；

2）切换到Elements页签，在Elements下点击左上方小箭头可以指定页面元素，查看对应代码

二、利用火狐浏览器开发者工具：

1）打开火狐浏览器，按F12或点击菜单—web开发者—查看器；

2）进入到查看器页签，在查看器下点击左上方小箭头可以指定页面元素，查看对应代码

三、元素定位

下面为百度首页的html部分源码用来认识元素

百度首页搜索栏的html源码

百度首页地图链接的html源码

标签名：a、input ，属性名=属性值：id="kw"、class="s_ipt"、name="wd"、href="http://map.baidu.com"，标签文本内容：地图

1.通过id定位元素：
driver.find_element_by_id("id_vaule")

2.通过name定位元素：
driver.find_element_by_name("name_vaule")

3.通过class_name定位元素：
driver.find_element_by_class_name("class_name")

4.通过tag_name定位元素：
driver.find_element_by_tag_name("tag_name_vaule")

5.通过link定位：
driver.find_element_by_link_text("text_vaule")
或：driver.find_element_by_partial_link_text("text_vaule")

6.通过xpath定位元素：
driver.find_element_by_xpath("xpath_syntax")

7.通过css定位元素：
driver.find_element_by_css_selector(“css_syntax”)

注意：以上元素定位的方法在最新的webdriver版本中已经被废弃，如下图：

推荐使用 driver.find_element(By.XPATH,'值')，导入包from selenium.webdriver.common.by import By；如下代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import By

current_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等

driver.get('https://www.baidu.com/')  # 打开网站

# 通过id定位元素
driver.find_element(By.ID,'kw').send_keys('猫咪')
# 通过name定位元素
driver.find_element(By.NAME,'wd').send_keys('天气')
# 通过class_name定位元素
driver.find_element(By.CLASS_NAME,'s_ipt').send_keys('狗')
# 通过标签名定位元素(如果页面中标签有多个input，则无法定位到指定元素)
driver.find_element(By.TAG_NAME,'input').send_keys('猫咪')
# 通过链接文本定位元素
driver.find_element(By.LINK_TEXT,'贴吧').click()
# 通过链接部分文本定位元素
driver.find_element(By.PARTIAL_LINK_TEXT,'图').click()
# 通过xpath定位元素
driver.find_element(By.XPATH,'//*[@id="kw"]').send_keys('猫咪')
# 通过CSS路径定位元素
driver.find_element(By.CSS_SELECTOR,'html body div#wrapper.wrapper_new div#head '
                                    'div#head_wrapper.head_wrapper.s-isindex-wrap.nologin '
                                    'div.s_form.s_form_nologin div.s_form_wrapper.soutu-'
                                    'env-nomac.soutu-env-index form#form.fm span.bg.'
                                    's_ipt_wr.new-pmd.quickdelete-wrap '
                                    'input#kw.s_ipt').send_keys('JAVA')

总结

如果你对此文有任何疑问，如果你也需要接口项目实战，如果你对软件测试、接口测试、自动化测试、面试经验交流感兴趣欢迎加入我们，加入方式在文章的最后面

自动化测试相关教程推荐：

2023最新自动化测试自学教程新手小白26天入门最详细教程,目前已有300多人通过学习这套教程入职大厂！！_哔哩哔哩_bilibili

2023最新合集Python自动化测试开发框架【全栈/实战/教程】合集精华，学完年薪40W+_哔哩哔哩_bilibili

测试开发相关教程推荐

2023全网最牛，字节测试开发大佬现场教学，从零开始教你成为年薪百万的测试开发工程师_哔哩哔哩_bilibili

postman/jmeter/fiddler测试工具类教程推荐

讲的最详细JMeter接口测试/接口自动化测试项目实战合集教程，学jmeter接口测试一套教程就够了！！_哔哩哔哩_bilibili

2023自学fiddler抓包，请一定要看完【如何1天学会fiddler抓包】的全网最详细视频教程！！_哔哩哔哩_bilibili

2023全网封神，B站讲的最详细的Postman接口测试实战教学，小白都能学会_哔哩哔哩_bilibili