上海网站建设公司费用,网站备案 多久,论坛营销的推广方法,专业企业网站制作怎么做1. 简介 俗话说#xff1a;磨刀不误砍柴工#xff0c;因此在我们要开始写自动化脚本之前#xff0c;我们先来学习和了解几个基本概念#xff0c;在完全掌握了这几个概念之后#xff0c;有助于我们快速上手#xff0c;如何去编写自动化测试脚本。
元素#xff0c;在这个…1. 简介 俗话说磨刀不误砍柴工因此在我们要开始写自动化脚本之前我们先来学习和了解几个基本概念在完全掌握了这几个概念之后有助于我们快速上手如何去编写自动化测试脚本。
元素在这个教程系列我们说的元素之网页元素web element。在网页上面的文本输入框按钮多选单选标签和文字都叫元素总之凡是能在页面显示的对象都可以作为页面元素对象。
元素定位有时候也叫Locator一个HTML页面元素可以用很多方法去描述这个元素的位置。打个比方生活中地址一个大厦正常的地址是 xx省xx市xx区xx街道xxx号这个具体描述就是这个大厦的Locator。同样的道理一个网页元素也有位置也可以通
过一些手段或者表达式去描述这个元素在页面对应的位置。
XPathXPath即为XML路径语言它是一种用来确定XML标准通用标记语言的子集文档中某部分位置的语言。XPath基于XML的树状结构提供在数据结构树中找寻节点的能力XPath 很快的被开发者采用来当作小型查询语言。
Selenium一共有八种元素定位方法这个在上一篇文章中已经提到过其中在实际开发自动化脚本过程中XPath的使用是最多的、比较好用的一种方法所以本文就着重来介绍如何通过XPath来元素定位。学习了XPath元素定位后其他7中方法很容易理解甚至
已经学会了其中好几种方法。
1.1 XPath工具安装 为了提高抓取元素XPath的我推荐在Firefox上安装一个firepath的插件这个插件可以帮我们快速获取网页元素的XPath表达式。
1. 打开火狐浏览器如果没有安装下载默认安装
2. 点击右上角菜单-附件组件-扩展
3. 在搜索所有附件组件文本输入框输入firebug
4. 找到Firebug点击 安装。重复步骤3和4搜索和安装FirePath。
5. 安装好了之后会在火狐浏览器右上角显示一个虫子的图标。
1.2 XPath工具简单使用
我们用定位百度首页的搜索输入框这个元素定位来演示。
1. 打开百度首页
2. 鼠标定位到搜索输入框
3. 右键鼠标选Inspect in FirePath
4. 打开界面如下图 ①FirePath自动推荐该元素的XPath表达式
②该元素节点的详细信息XPath表达式选取重点区域
③找到一个匹配元素 一般来说自动推荐的XPath表达式定位不够精确。我们大部分时候需要去步骤2中找出能够识别这个唯一元素的节点信息。刚好上面通过idkw只能找到一个匹配的元素说明这个XPath可用看起来也简洁。实际项目中可能XPath表达式写得很长或者附
近节点信息好多相同不太好能够快速找到一个唯一的节点信息去定位这个目标元素。接下来我介绍几种比较实用的XPath定位技巧基本上能定位到所有的网页元素。
1.3 XPath定位技巧之text()方法
以百度首页右上角“新闻”定位举例
XPath如下图 1.4 XPath定位技巧之contains()方法 有时候我们不喜欢写很长的XPath表达式而且节点信息里面有些信息是动态的每次都获取都不一样这个时候contains()方法就很好用。
JD首页左侧电脑菜单举例 XPath写法推荐这里用contains()方法来定位 这里href //diannao.jd.com 如果我觉得这个href太长我只取关键字diannao利用contains()方法来定位就方便多了推荐电脑这个元素的XPath//*/a[contains(href,diannao)]
1.5 相对XPath路径写法 有时候我们遇到目标元素节点的信息很少不足够用来精确定位到目标元素这个时候我们就需要考虑利用目标元素上下附件节点通过确定附件的节点从而确定目标元素这种方式就叫相对路径。
这里用火狐浏览器百度首页的一个单选按钮来举例 火狐浏览器上firepath给出的推荐表达式是 这里推荐的XPath是根据目标元素节点中id信息来定位的这个通过id就能定位当然好。有时候如果这个id不能作为参考值我们需要利用相对定位方法来定位这个新闻标题前面的单选按钮
1先根据value google_web 或者text()谷歌来定位“谷歌”这个标签。
2根据相对定位来确定“谷歌”前面的这个radio按钮。
3XPath的写法是.//*/label[valuegoogle_web]/
此前使用webdriver对浏览器进行了一些基本操作可以说是基本接触了这个工具了接下来就应该做更多事情了。
打开了网页接下来就需要对网页中的内容进行操作了例如定位网页中的元素、读取网页元素中的内容、对内容进行操作。
2.小结
XPath 是一种在 XML 文档中定位元素的语言。因为 HTML 可以看做 XML 的一种实现所以 selenium用户可是使用这种强大语言在 web 应用中定位元素。
2.1 绝对路径定位
XPath 有多种定位策略最简单和直观的就是写元素的绝对路径。如果仍然把一个元素看做一个人的话那么现在有一个人他没有任何属性特征那么这个人一定会存在于某个地理位置如xx 省 xx 市xx 区 xx 路 xx 号。那么对于一个元素在一个页面当中也会有
这样的一个绝对地址。
参考 baidu.html 前端工具所展示的代码我们可以用下面的方式来找到百度输入框和搜索按钮。
find_element_by_xpath(/html/body/div/div[2]/div/div/div/from/span/input)find_element_by_xpath(/html/body/div/div[2]/div/div/div/from/span[2]/input)
find_element_by_xpath()方法用于 XPath 语言定位元素。XPath 的绝对路径主要用标签名的层级关系来
定位元素的绝对路径。最外层为 html 语言body 文本内一级一级往下查找如果一个层级下有多个相同的标签名那么就按上下顺序确定是第几个div[2]表示第二个 div 标签。
2.2 利用元素属性定位
除了使用绝对路径的以外XPath 也可以使用使素的属性值来定位。同样以百度输入框和搜索按钮为例
find_element_by_xpath(//input[idkw])find_element_by_xpath(//input[idsu])
//表示当前页面某个目录下input 表示定位元素的标签名[idkw] 表示这个元素的 id 属性值等于kw。下面通过 name 和 class 属性值来定位。
find_element_by_xpath(//input[idwd])find_element_by_xpath(//input[classs_ipt])find_element_by_xpath(//*[classbg s_btn])
如果不想指定标签名也可以用星号*代替。当然使用 XPath 不仅仅只局限在 id、name 和 class 这三个属性值元素的任意属性值都可以使用只要它能唯一的标识一个元素。
find_element_by_xpath(//input[maxlength100])find_element_by_xpath(//input[autocompleteoff])find_element_by_xpath(//input[typesubmit])
2.3 层级与属性结合
如果一个元素本身并没有可以唯一标识这个元素的属性值我们可以找其上一级元素如果它的上级
有可以唯一标识属性的值也可以拿来使用。参考 baidu.html 文本。
……
form idform classfm action/s namefinput typehidden valueutf-8 nameieinput typehidden value8 namefinput typehidden value1 namersv_bpinput typehidden value1 namersv_idxinput typehidden value namechinput typehidden value02.. nametninput typehidden value namebarspan classbg s_ipt_wrinput idkw classs_ipt autocompleteoffmaxlength100 value namewd/spanspan classbg s_btn_wrinput idsu classbg s_btn typesubmitvalue百度一下/span……
假如百度输入框本身没有可利用的属性值我们可以查找它的上一级属性。比如“小明”刚出生的时候没有名字没上户口没身份证号那么亲朋好友来找“小明”可以先到小明的爸爸因为他爸爸是有很多属性特征的找到了小明的爸爸抱在怀里的一定就是小
明了。通过 XPath 描述如下
find_element_by_xpath(//span[classbg s_ipt_wr]/input)find_element_by_xpath(//span[classbg s_btn_wr]/input)
span[classbg s_ipt_wr] 通过 class 属性定位到是父元素后面/input 也就表示父元素下面标签名为input 的子元素。如果父元素没有可利用的属性值那么可以继续向上查找“爷爷”元素。
find_element_by_xpath(//form[idform]/span/input)find_element_by_xpath(//form[idform]/span[2]/input)
我们可以通过这种方法一级一级的向上打找直到找到最外层的html标签那么就是一个绝对路径的写法了。
2.4 使用逻辑运算符
如果一个属性不能唯一的区分一个元素我们还可以使用逻辑运算符连接多个属性来区别于其它属性。
……input idkw classsu nameieinput idkw classaa nameieinput idbb classsu nameie……
如上面的三行元素假如我们现在要定位第一行元素如果使用 id 将会与第二行元素重名如果使用class 将会与第三行元素的重名。那么如果同时使用 id 和 class 就会唯一的标识这个元素。那么这个时候就可以通过逻辑运算符号连接。
find_element_by_xpath(//input[idkw and classsu]/span/input)
当然我们也可以用 and 连接更多的属性来唯一的标识一个元素。
我们在本书的第一章中介绍的 Firebug 前端调试工具和 FirePath 插件可以方便的辅助 XPath 语法。
打开 FireFox 浏览器的 FireBug 插件点击插件左上角的鼠标箭头再点击页面上需要定位的元素在元
素行上右键弹出快捷菜单选择“复制 XPath”将会获得当前元素的 XPath 语法如图 FirePath插件的使用就更加方便和快捷了选中元素后直接在XPath的输入框中生成当前元素的XPath语法如图 【下面是我整理的2023年最全的软件测试工程师学习知识架构体系图】 一、Python编程入门到精通
二、接口自动化项目实战 三、Web自动化项目实战
四、App自动化项目实战 五、一线大厂简历
六、测试开发DevOps体系 七、常用自动化测试工具
八、JMeter性能测试 九、总结尾部小惊喜
生命不息奋斗不止。每一份努力都不会被辜负只要坚持不懈终究会有回报。珍惜时间追求梦想。不忘初心砥砺前行。你的未来由你掌握
生命短暂时间宝贵我们无法预知未来会发生什么但我们可以掌握当下。珍惜每一天努力奋斗让自己变得更加强大和优秀。坚定信念执着追求成功终将属于你
只有不断地挑战自己才能不断地超越自己。坚持追求梦想勇敢前行你就会发现奋斗的过程是如此美好而值得。相信自己你一定可以做到
