zoukankan      html  css  js  c++  java
  • robot framework学习二-----元素定位

     文章摘自:https://www.cnblogs.com/fnng/p/3901391.html

    不要误认为Robot framework 只是个web UI测试工具,更正确的理解Robot framework是个测试框架,之所以可以拿来做web UI层的自动化是国为我们加入了selenium2的API。

    过验证id 、name ,xpath 、css 四种定位方式是可以的,尤其后两种是“万能的”,所以可以解决99%的定位问题。

    id 和name 定位

    百度搜索框和搜索按钮

    <input id="kw" class="s_ipt" type="text" maxlength="100" name="wd" autocomplete="off">
    ……
    <input id="su" class="bg s_btn" type="submit" onmouseout="this.className='bg s_btn'" onmousedown="this.className='bg s_btn s_btn_h'" value="百度一下">

    根据上面的例子,百度输入框可以取id 或 name进行定位。(前提是id和name的值在当页面上唯一)

    在Robot framework 中就是这样写的:

    或者使用name定位

    Input text 用于输入框的关键字,“robot framework学习”是要给输入框输入的内容。

     Click Button是按钮点击的关键字。

    xpath定位

     假如,一个人没身份证号没名字怎么找呢?想想你是怎么找朋友吃饭的,他手机不通,电话不回呢?直接上他家去呗,那你一定有他家住址,xx市xx区xx路xx号。Xpath 就可以通过这种层级关系找到元素。

     来看看百度输入框在整个页面上的位置吧:

    1、Xpath的绝对路径:

    Xpath=/html/body/div[1]/div[1]/div[1]/div[1]/div[1]/form/span[1]/input 

    我们可以从最外层开始找,html下面的body下面的div下面的第4个div下面的....input标签。通过一级一级的锁定就找到了想要的元素。

    在Robot framework 中就是这样写的:

    2、Xpath的相对路径:

    绝对路径的用法往往是在我们迫不得已的时候才用的。大多时候用相对路径更简便。

    2.1、元素本身:

    Xpath同样可以利用元素自身的属性:

    Xpath = //*[@id=’kw1’]

    //表示某个层级下,*表示某个标签名。@id=kw1 表示这个元素有个id等于kw1 。

    当然,一般也可以制定标签名:

    Xpath = //input[@id=’kw1’]

    元素本身,可以利用的属性就不只局限为于id和name ,如:

    Xpath = //input[@type=’text’]

    Xpath = //input[@autocomplete=’off’]

    但要保证这些元素可以唯一的识别一个元素。

     

     

    2.2、找上级:

      当我们要找的一个人是个刚出生的婴儿,还没起名子也没有入户口(身份证号),但是你会永远跟在你父亲的身边,你的父亲是有唯一的名字和身份证号的,这样我们可以先找到你父亲,自然就找到你的。

    元素的上级属性为:

     

    找爸爸:

    xpath =//span[@class='bg s_ipt_wr quickdelete-wrap’]/input   注:使用该路径查询提示找不到(原因未知)

    如果爸爸没有唯一的属性,可以找爷爷:

    xpath = //form[@id="form"]/span/input    注:单引号需是英文的,否则会报错:不是合法的xpath表达式

    这样一级一级找上去,直到html ,那么就是一个绝对路径了。

    2.3、布尔值写法:

      如果一个人的姓名不是唯一的,身份证号也不是唯一的,但是同时叫张三 并且 身份证号为123 的人却可以唯一的确定一个人。那么可以这样写:

    Xpath = //input[@id=’kw1’ and @name=’wd’]

    可以and ,当然也可以or :

    Xpath = //input[@id=’kw1’ or @name=’wd’]

    但or的实际意义不太。我们一般不需要说,找的人名字或者叫张三,或者身份证号是123 也可以。

     

    CSS定位

    Css的定位更灵活,因为他它用到的更多的匹配符和规格。

     

    同样以百度输入框的代码,我们来看看CSS如何定位。

    <form id="form" class="fm" action="/s" name="f1">
      <span class="bg s_ipt_wr">
        <input id="kw" class="s_ipt" type="text" maxlength="100" name="wd" autocomplete="off">

    id定位:

    css=#kw1

    class定位:

    css=.s_ipt

    其它属性:

    css=[name=wd]

    css=[type=text]

    css=[autocomplete=off]

    父子定位:

    css=span > input

    css=form > span > input

    根据标签名定位:

    css=input

     总结:同样一个元素,根基CSS的不同规则,可能有几十上百种写法。CSS更灵活强大,但是相比xpath 的学习成本为更高。但是css和xpath 两种定位方式是一定要学会一种,不然你的自动化工作更无法开展。

     

     

  • 相关阅读:
    回答提出的问题1-17章
    《构建之法》第13-17章读书笔记
    读《一个程序员的生命周期》有感
    构建之法的第十、十一、十二章读书笔记
    阅读《构建之法》第8,9,10章
    5.2-5.3
    作业5.1测试与封装
    读《构建之法》5.6.7 思考
    读《构建之法》的思考
    作业2 结对思则运算
  • 原文地址:https://www.cnblogs.com/wuyn/p/9908036.html
Copyright © 2011-2022 走看看