zoukankan      html  css  js  c++  java
  • 【Selenium 3+Java自动化(6)】-CSS定位语法

    一、前言

        本章节讲解一下CSS定位。

       CSS定位相对于XPath定位的优点是:css定位更快,语法更简洁。

      这一篇css的定位方法,主要是对比上一篇的xpath来的,基本上xpath能完成的,css也可以做到。两篇对比学习,更容易理解。

    二、CSS:属性定位

        1、通过id属性定位,需要加上标识符“#”,如:#kw;

            element = driver.findElement(By.cssSelector("#kw"));
            element.sendKeys("selenium");    

        2、通过class属性定位,需要加上标识符 “.”,如:.s_ipt;

            element = driver.findElement(By.cssSelector(".s_ipt"));
            element.sendKeys("selenium");

        3、通过标签属性定位,不需要任何标示符,如:input;

            //这里运行会报错,因为标签“input”不是唯一的;这里主要是了解写法
        element = driver.findElement(By.cssSelector("input"));
        element.sendKeys("selenium");

    三、CSS:通过其他属性定位

        1.css除了可以通过标签、class、id这三个常规属性定位外,也可以通过其它属性定位;

           2.以下是定位其它属性的格式;

          1)CSS通过name属性定位元素;

              element = driver.findElement(By.cssSelector("#su"));
           element.click();

          2)CSS:通过autocomplete属性定位元素;

            element = driver.findElement(By.cssSelector("[autocomplete = 'off']"));
                element.sendKeys("autocomplete");

          3)CSS通过type属性定位元素;

           element = driver.findElement(By.cssSelector("[type = 'submit']"));
               element.click();

    四、CSS:标签

       1、css页可以通过标签与属性的组合来定位元素;

         1)CSS通过标签与id属性组合定位元素;

          element =driver.findElement(By.cssSelector("input#kw"));
              element.sendKeys("selenium");

        2)CSS通过标签与class属性定位元素;

           element = driver.findElement(By.cssSelector("input.s_ipt"));
            element.sendKeys("selenium");

        3)CSS通过标签与其它属性组合定位元素;

         element = driver.findElement(By.cssSelector("input[autocomplete = 'off']"));
            element.sendKeys("selenium");

    五、CSS:层级关系定位

            //form的id属性
    element = driver.findElement(By.cssSelector("form#form>span>input")); element.sendKeys("444");
    //form的class属性 element
    = driver.findElement(By.cssSelector("form.fm>span>input")); element.sendKeys("444");

    六、CSS:索引

    css也可以通过索引option:nth-child(1)来定位子元素,这点与xpath写法用很大差异;其实很好理解,直接翻译过来就是第几个小孩;

    element = driver.findElement(By.cssSelector("select#ft>option:nth-child(1)"));
    element.click();

    element = driver.findElement(By.cssSelector("select#ft>option:nth-child(2)"));
    element.click();
    element = driver.findElement(By.cssSelector("select#ft>option:nth-child(3)"));
    element.click();

     CSS定位远远不止以上几种方法,还有更多更强大定位策略,有兴趣的同学可以继续深入研究。

  • 相关阅读:
    技术分享会之——智能指针
    TeleMCU技术规格
    Golang-interface(一 基本使用)
    关于Mac虚拟机中安装的Windows系统键盘问题
    Android 高速开发系列 打造万能的ListView GridView 适配器
    [Erlang]怎样在Erlang中使用SSL
    Web最新力作有奖试读获奖名单发布
    每天复习Shell—ls
    Mininet系列实验(七):Mininet脚本实现控制交换机行为
    Mininet系列实验(七):Mininet脚本实现控制交换机行为
  • 原文地址:https://www.cnblogs.com/stevenx/p/7470058.html
Copyright © 2011-2022 走看看