Web UI自动化测试基础——元素定位(一)

Web UI自动化测试基础——元素定位(一),第1张

概述本篇文章整理了元素定位的基础知识——单个元素定位方式。 一、单个元素定位方式简介 1. find_element_by_id   通过元素的id属性进行定位。以百度首页为例,首先进入https://www.baidu.com,按F12进入开发人员页面,然后单击调试窗口的左上角的选择图标,然后选中百度搜索框,即可看到调试窗口对应所选元素的代码突出显示,如下图,可以看到百度搜索框的id为kw。 2.

本篇文章整理了元素定位的基础知识——单个元素定位方式。

一、单个元素定位方式简介

1. find_element_by_ID

  通过元素的ID属性进行定位。以百度首页为例,首先进入https://www.baIDu.com,按F12进入开发人员页面,然后单击调试窗口的左上角的选择图标,然后选中百度搜索框,即可看到调试窗口对应所选元素的代码突出显示,如下图,可以看到百度搜索框的ID为kw。

2. find_element_by_name

  通过元素的name属性进行定位。如上图,百度搜索框的name为wd。

3. find_element_by_class_name

  通过元素的class属性进行定位。如图1所示,百度搜索框的class_name为s_ipt。

4. find_element_by_link_text

  通过超链接的文本内容进行定位。

5. find_element_by_partial_link_text

  同4,不过该方法是通过模糊方式进行定位的,即通过超链接的部分文本内容进行定位。

6. find_element_by_xpath

  通过元素的xpath路径表达式进行定位。如下图,选中突出显示的代码右键选择copy,选择复制元素的xpath,百度搜索框对应的xpath为//*[@ID="kw"]。

7. find_element_by_CSS_selector

  通过css选择器对元素进行定位。如上图,复制元素的selector,百度搜索框的CSS_selector为#kw。

8. find_element_by_tag_name

  通过元素的标签名进行定位。因为同一个页面中具有相同标签名的元素较多,所以不常用。

二、实例

 1 # Coding=utf-8 2  3 import time 4  5 from selenium import webdriver 6  7 # 单个元素的多种定位方式 8  9 # 创建driver实例10 driver = webdriver.Chrome()11 # 打开待测试页面12 driver.get(https://www.baIDu.com/)13 # 1.通过ID属性进行定位14 # driver.find_element_by_ID(‘kw‘).send_keys(‘ID‘)15 # 2.通过name属性进行定位16 # driver.find_element_by_name(‘wd‘).send_keys(‘name‘)17 # 3.通过class属性进行定位18 # driver.find_element_by_class_name(‘s_ipt‘).send_keys(‘class_name‘)19 # 4.通过link_text进行定位20 # driver.find_element_by_link_text(‘新闻‘).click()21 # 5.通过部分超链接文本内容进行定位22 # driver.find_element_by_partial_link_text(‘闻‘).click()23 # 6.通过xpath进行定位24 # driver.find_element_by_xpath(‘//*[@ID="kw"]‘).send_keys(‘xpath‘)25 # 7.通过css选择器进行定位26 driver.find_element_by_CSS_selector(#kw).send_keys(CSS_selector)27 # 定位‘百度一下‘按钮并点击28 driver.find_element_by_ID(su).click()29 # 等待5s30 time.sleep(5)31 # 关闭driver驱动程序并退出浏览器32 driver.quit()
VIEw Code 总结

以上是内存溢出为你收集整理的Web UI自动化测试基础——元素定位(一)全部内容,希望文章能够帮你解决Web UI自动化测试基础——元素定位(一)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1052167.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存