• 定位页面元素之xpath详解以及定位不到测试元素的常见问题


    一、定位元素的方法

    • id:首选的识别属性,W3C标准推荐为页面每一个元素设置一个独一无二的ID属性,

          如果没有且很难找到唯一属性,解决方法:(1)找开发把id或者name加上。如果不行,解决思路可以是:

          1. 找到该按钮的特征,例如按钮的文字是 submit;

          2. 用XPath定位,可以这样写://button[@value='submit']。(注意是单引号!!)

    • name:和id一致
    • ClassName:对某些具有相同类的元素一网打尽的好方法
    • link textpartial link text: 用在定位超链接上比较多
    • tag name:与class name有点类似,但是结果多个,多用List显示:

      findElement和findElements的区别:

      findElement返回一个元素对象,否则抛出异常。

      findElements返回符合条件的元素List,如果不存在符合条件的元素就返回一个空的List。

      View Code
    • css selector:熟悉jQuery比较容易定位到,可见  http://saucelabs.com/resources/selenium/css-selectors   。#为class,.为name
    • jQuery:即使用js来执行查询定位,调用JavascriptExecutor类来执行jQuery的find()方法来查找元素,可参照

              博主  http://www.cnblogs.com/tobecrazy/p/4817946.html  写的相当详细

    • xpath:以上方式都定位不到的都可以用这种方法,但是记得优化路径,而不是。。。 /html/body/div/div[2]/div[2]/div[2]/div[5]/div/p[2]......性能很差的好么!

    xpath缺点:

    1. 性能差,定位元素的性能比起大多数其他方法要差;

    2. 不够健壮,XPath会随着页面元素布局的改变而改变,可读性差,几乎不能维护

    xpath优点:

    1. XPath可以通过某个元素找到它的祖先(Ancestors)(”/../” 或者 “ancestor-or-self::book”);

    2. 可以做布尔逻辑判断,例如/button[@value=’submit’ or @name=’tijiao’]

    二、如何用xpath定位:

    定位路径可以是相对路径,也可以是绝对路径。绝对定位路径以一个斜线“/”开头,而相对定位路径则没有。如:/div/input 和 div/input

       第一种方法:通过绝对路径做定位

    By.xpath("html/body/div/form/input")
    By.xpath("//input")
    第二种方法:通过元素索引定位
    By.xpath("//input[4]")
    第三种方法:使用xpath属性定位(结合第2、第3中方法可以使用),前面用:tagName [@ 属性='属性值'] 表示
    By.xpath("//input[@id='kw1']")
    By.xpath("//input[@type='name' and @name='kw1']")
    第四种方法:使用部分属性值匹配(最强大的方法)
    By.xpath("//input[start-with(@id,'nice')
    By.xpath("//input[ends-with(@id,'很漂亮')
    By.xpath("//input[contains(@id,'那么美')]")
    三、定位页面元素常见的问题
    1.元素显示有id,但是就是定位不到(不知道为什么,咨询某个群主说是定位原理不一样)换定位方式,如name,xpath,!!!!
    2.未设置等待时间,未找到元素前就执行操作,导致报错,解决方法:
    (1)显示等待:就是明确的要等到某个元素的出现或者是某个元素的可点击等条件,等不到,就一直等,除非在规定的时间之内都没找到,那么就跳出Exception
    new WebDriverWait(driver, 15).until(
        ExpectedConditions.presenceOfElementLocated(By.cssSelector("css locator"))
    );
    
    

    或者可以这样写

    WebDriver driver = new FirefoxDriver();
    driver.get( http://somedomain/url_that_delays_loading);
    WebElement e = (new WebDriverWait( driver, 10)) .until(
        new ExpectedCondition< WebElement>(){  //等10秒直到找到id元素
            @Override
            public WebElement apply( WebDriver d) {
                return d.findElement( By.id("id locator"));
            }
        }
    );
    (2)WebDriver会进行一个隐式等待,但参数只有时间,这就导致我需要什么元素出现,我不一定能等到它,只是让driver延迟一段时间再继续而已. 
    隐式等待 driver.manage().timeouts().implicitlyWait(1, TimeUnit.SECONDS); 
    不过我们也可以把它小小的封装一下:
    public boolean isByElementDisplayed(By by, int time) {
        boolean status = false;
        if (driver.findElement(by).isDisplayed() == false) {
            driver.manage().timeouts().implicitlyWait(time, TimeUnit.SECONDS);
        } else {
            status = true;
        }
        return status;
    }

    (3)线程休眠: Thread.sleep(3000);

    3.动态id,建议使用xpath的相对路径定位

    4.输入框和按钮组合,输入框输入后没有失去焦点,层级覆盖,导致找不到按钮,设置等待即可!!!!!!

    5.iframe框架,时间控件和地图选择控件后续介绍!!!

    6.富文本编辑框,内嵌html,如 UEeditor,可使用js,绝对管用

          String text = "你好呀";
                 String js = "document.getElementById('ueditor_0').contentDocument.write('" + text + "');";
                 ((JavascriptExecutor) driver).executeScript(js);

    7.最揪心的是模态窗口不知道是个什么鬼。首先不是新开一个窗口,不能用windowshandle定位,另外也没有用iframe框架,再者也不属于弹出框,不能用switchTo去处理,所以这个需要后期请教大神了解。

    基本了解到的就这些啦!



     

  • 相关阅读:
    lnmp配置支持thinkphp和nginx路由url重写
    服务器空间不足导致mysql服务器无法运行
    linux中安装node
    laravel自定义返回错误方法
    git日常使用
    Hexo博客部署到个人服务器
    Github博客地址
    三种常见字符编码简介:ASCII、Unicode和UTF-8
    自动文档摘要评价方法:Edmundson,ROUGE
    Learning LexRank——Graph-based Centrality as Salience in Text Summarization(一)
  • 原文地址:https://www.cnblogs.com/alwayswyy/p/4988545.html
Copyright © 2020-2023  润新知