Java + Selenium + WebDriver八大元素定位方式

UI自动化测试的第一步就是进行元素定位，下面给大家介绍一下Selenium + WebDriver的八大元素定位方式。
现在我们就以百度搜索框为例进行元素定位，如下图：

一、By.name()

Java代码可以这样写：

1 2 3 4 5 6 7 8 9 10

public  class  ElementLocateByname {         public  static  void  main(String[] ags) {             WebDriver driver =  new  ChromeDriver();             driver.manage().window().maximize(); //浏览器最大化             driver.get( "https://www.baidu.com/" );//打开百度网址             driver.findElement(By.name( "wd" )).sendKeys( "12306" ); //找到百度输入框并且输入"12306"             driver.close(); //关闭浏览器         }             }

二、By.id()

Java代码可以这样写：

1 2 3 4 5 6 7 8 9

public  class  ElementLocateByid {      public  static  void  main(String[] args) {            WebDriver driver =  new  ChromeDriver();            driver.manage().window().maximize();            driver.get( "https://www.baidu.com/" );            driver.findElement(By.id( "kw" )).sendKeys( "12306" );            driver.close();      } }

三、By.className()

1 2 3 4 5 6 7 8 9

public  class  ElementLocateByname {         public  static  void  main(String[] ags) {             WebDriver driver =  new  ChromeDriver();             driver.manage().window().maximize();             driver.get( "https://www.baidu.com/" );             driver.findElement(By.className( "s_ipt" )).sendKeys( "12306" );             driver.close();         }             }

四、By.tagName()

Java代码可以这样写：

1 2 3 4 5 6 7 8 9 10

public  class  ElementLocateBytagName {      public  static  void  main(String[] args){         WebDriver driver =  new  ChromeDriver();         driver.manage().window().maximize();         driver.get( "https://www.baidu.com/" );         driver.findElements(By.tagName( "百度一下" ));         List<WebElement> buttons = driver.findElements(By.tagName( "button" ));         System.out.print(buttons.size()); //打印button的个数      } }

五、partialLinkText()

本人使用该定位方式比较少，感兴趣的同学可以自己上网查阅相关资料。

六、linkText()

以百度首页为例，新闻链接的Html代码如下：

1	< a  href="http://news.baidu.com" name="tj_trnews" class="mnav">新闻</ a >

Java代码可以这样写：

1 2 3 4 5 6 7 8 9 10

public  class  ElementLocateBylinkText {      public  static  void  main(String[] args) {            WebDriver driver =  new  ChromeDriver();            driver.manage().window().maximize();            driver.get( "https://www.baidu.com/" );            driver.findElement(By.linkText( "新闻" )).click(); //点击"新闻"链接            driver.close();      }   }

七、By.xpath()

1. 一般使用Firefox中的Firebug插件定位元素，而Chrome跑脚本，原因自己百度。
2. 一般不推荐使用绝对路径的写法，因为一旦页面结构发生变化，该路径也随之失效，必须重新写。
3. 绝对路径以单/号表示，相对路径则以//表示。

+ View Code

Java代码可以这样写：

1 2 3 4 5 6 7 8 9

public  class  ElementLocateBycssSelector {        public  static  void  main(String[] args){              WebDriver driver =  new  ChromeDriver();              driver.manage().window().maximize();              driver.get( "https://www.baidu.com/" );              driver.findElement(By.xpath( "//span[@class='soutu-btn']/input[@id='kw']" )).sendKeys( "12306" );      }   }

八、By.cssSelector()

cssSelector可以定位复合样式表的元素，现在我们就以百度搜索框为例使用cssSelector来定位该元素。
百度搜索框html代码如下：

1	< input  type="submit" id="su" value="百度一下" class="bg s_btn">

Java代码可以这样写：

1 2 3 4 5 6 7 8 9

public  class  ElementLocateBycssSelector {        public  static  void  main(String[] args){              WebDriver driver =  new  ChromeDriver();              driver.manage().window().maximize();              driver.get( "https://www.baidu.com/" );              driver.findElement(By.cssSelector( "bg.s_btn" )).sendKeys( "12306" ); //这样就可以顺利引用到复合样式的元素啦。。。      }   }

　

 总结：css语法比xpath更加复杂点，但是定位速度更快，语法更加简洁，至于推荐使用什么方法定位元素看具体细节了。

转载于:https://www.cnblogs.com/weigege/p/9578294.html