秒速快3app网址_

  • 时间:
  • 浏览:1
  • 来源:盒子云 - 专注共享星辰博客活动

1. 简介

  俗话说:磨刀不误砍柴工,咋样让在亲们要原来刚现在刚开始写自动化脚本原来,亲们先来学习和了解几次基本概念,在删改掌握了这几次概念原来,助于亲们快速上手,咋样去编写自动化测试脚本。

元素,在这俩 教程系列,亲们说的元素之网页元素(web element)。在网页里边的文本输入框,按钮,多选,单选,标签,和文字都叫元素,总之,凡是能在页面显示的对象都都需要作为页面元素对象。

元素定位,有原来也叫Locator,有一三个小HTML页面元素,都需要用统统方式 去描述这俩 元素的位置。打个比方,生活中地址,有一三个小大厦,正常的地址是 xx省xx市xx区xx街道xxx号,这俩 具体描述统统这俩 大厦的Locator。同样的道理,有一三个小网页元素,删改都是位置,也都需要通

过一点手段将会表达式去描述这俩 元素在页面对应的位置。

XPath,XPath即为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中,找出不想都可以识别这俩 唯一元素的节点信息。刚好里边通过id=kw不都可以找到有一三个小匹配的元素,说明这俩 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按钮。

3)XPath的写法是:.//*/label[@value='google_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[@id='kw']")

find_element_by_xpath("//input[@id='su']")

//表示当前页面某个目录下,input 表示定位元素的标签名,[@id='kw'] 表示这俩 元素的 id 属性值等于kw。下面通过 name 和 class 属性值来定位。

find_element_by_xpath("//input[@id='wd']")

find_element_by_xpath("//input[@class='s_ipt']")

find_element_by_xpath("//*[@class='bg s_btn']")

将会时候指定标签名也都需要用星号(*)代替。当然,使用 XPath 不仅仅只局限在 id、name 和 class 这有一三个小属性值,元素的任意属性值都都需要使用,假若它能唯一的标识有一三个小元素。

find_element_by_xpath("//input[@maxlength='1000']")

find_element_by_xpath("//input[@autocomplete='off']")

find_element_by_xpath("//input[@type='submit']")

2.3 层级与属性结合:

将会有一三个小元素一种生活并这样都需要唯一标识这俩 元素的属性值,亲们都需要找其上一级元素,将会它的上级

有都需要唯一标识属性的值,也都需要拿来使用。参考 baidu.html 文本。

……

<form id="form" class="fm" action="/s" name="f">

<input type="hidden" value="utf-8" name="ie">

<input type="hidden" value="8" name="f">

<input type="hidden" value="1" name="rsv_bp">

<input type="hidden" value="1" name="rsv_idx">

<input type="hidden" value="" name="ch">

<input type="hidden" value="02.." name="tn">

<input type="hidden" value="" name="bar">

<span class="bg s_ipt_wr">

<input id="kw" class="s_ipt" autocomplete="off"

maxlength="1000" value="" name="wd">

</span>

<span class="bg s_btn_wr">

<input id="su" class="bg s_btn" type="submit"

value="百度一下">

</span>

……

假若百度输入框一种生活这样可利用的属性值,亲们都需要查找它的上一级属性。比如,“小明”刚出生的原来这样名字,没上户口(没身份证号),这样亲朋好友来找“小明”都需要先到小明的爸爸,将会他爸爸是有统统属性形态学 的,找到了小明的爸爸,抱在怀里的一定统统小

明了。通过 XPath 描述如下:

find_element_by_xpath("//span[@class='bg s_ipt_wr']/input")

find_element_by_xpath("//span[@class='bg s_btn_wr']/input")

span[@class='bg s_ipt_wr'] 通过 class 属性定位到是父元素,里边/input 也就表示父元素下面标签名为input 的子元素。将会父元素这样可利用的属性值,这样都需要继续向上查找“爷爷”元素。

find_element_by_xpath("//form[@id='form']/span/input")

find_element_by_xpath("//form[@id='form']/span[2]/input")

亲们都需要通过这俩 方式 一级一级的向上打找,直到找到最外层的<html>标签,这样统统有一三个小绝对路径的写法了。

2.4 使用逻辑运算符

将会有一三个小属性不都可以唯一的区分有一三个小元素,亲们还都需要使用逻辑运算符连接多个属性来区别于其它属性。

……

<input id="kw" class="su" name="ie">

<input id="kw" class="aa" name="ie">

<input id="bb" class="su" name="ie">

……

如里边的三行元素,假若亲们现在要定位第一行元素,将会使用 id 将会与第二行元素重名,将会使用class 将会与第三行元素的重名。这样将会同去使用 id 和 class 就会唯一的标识这俩 元素。这样这俩 原来就都需要通过逻辑运算符号连接。

find_element_by_xpath("//input[@id='kw' and @class='su']/span/input")

当然,亲们也都需要用 and 连接更多的属性来唯一的标识有一三个小元素。

亲们在本书的第一章中介绍的 Firebug 前端调试工具和 FirePath 插件都需要方便的辅助 XPath 语法。

打开 FireFox 浏览器的 FireBug 插件,点击插件左上角的鼠标箭头,再点击页面上需要定位的元素,在元

素行上右键弹出快捷菜单,取舍“一键复制 XPath”,将会获得当前元素的 XPath 语法,如图:

FirePath插件的使用就更加方便和快捷了,选中元素后,直接在XPath的输入框中生成当前元素的XPath语法,如图:

您的肯定统统我进步的动力。将会你感觉还不错,就请鼓励一下吧!记得点波 推荐 并非忘记哦!!!