Java+Selenium3自动化入门7八种定位方式1

今天就来说说selenium的八种定位方式&＃xff0c;八种定位方式基本上可以解决我们自动化测试中定位的绝大部分问题&＃xff0c;当然&＃xff0c;如果出现定位不到或者元素属性不可见&＃xff0c;这就需要我们了解更多的前端知识&＃xff0c;通过操作Frame&＃xff0c;Dom或者Javascript来解决。

首先WebDriver提供的两个API具有查找元素的能力&＃xff1b;

1.  

2. 八种定位当时都封装在By类中

那今天我们就先来看看有哪八种基本的定位方式呢&＃xff1f;

1.通过-id来定位元素&＃xff0c;html中的id属性一般用来唯一标记一个元素&＃xff0c;换句话说&＃xff0c;一个元素的id在一个网页中应该是唯一的。

    我们以百度为例&＃xff0c;通过-id来定位他的搜索框&＃xff0c;利用fireBug我们可以看到他的id&＃61;"kw"&＃xff0c;所以我们可以通过代码来看一下。

public class EightMthods {public static void main(String[] args) throws Exception { WebDriver driver &＃61; new FirefoxDriver(); driver.manage().window().maximize();/**1. 根绝id来定位元素 */String Url &＃61; "https://www.baidu.com";driver.get(Url); //输入框driver.findElement(By.id("kw")).sendKeys("you are beautiful");driver.manage().timeouts().pageLoadTimeout(5, TimeUnit.SECONDS);//百度一下按钮driver.findElement(By.id("su")).click();

大家可以运行一下&＃xff0c;看看效果吧&＃xff0c;但是前提是你的selenium版本要和FireFox或者你的Chrome版本匹配哦

2.通过-xpath来定位&＃xff0c;我们还是以百度首页来举个栗子。。。

   通过F12,我们可以看到输入框的位置 xpath &＃61; ".//*[&＃64;id&＃61;&＃39;kw&＃39;]"    &＃xff0c;今天这里先不说xpath的构造&＃xff0c;之后我会专门写一篇相关的文章介绍&＃xff0c;xpath还有一个很好的功能就是他可以debug&＃xff0c;比如我们在xpath定位栏输入 xpath  &＃61;  .//*[&＃64;class&＃61;&＃39;s_ipt&＃39;]   &＃xff0c;然后点回车&＃xff0c;这个时候如果这个xpath是有效的&＃xff0c;那么他就会根据xpath路径去定位到相关的元素&＃xff0c;如下图

如果xpath格式错误&＃xff0c;那么他会是显示红色的&＃xff0c;如下图

如果xpath路径错误&＃xff0c;那么他会找不到页面元素的信息

ok&＃xff0c;那我们来看一下代码如何实现的

public class EightMthods {public static void main(String[] args) throws Exception { WebDriver driver &＃61; new FirefoxDriver(); driver.manage().window().maximize();/**1. 根绝xpath来定位元素 */String PhotoUrl &＃61; "https://www.baidu.com";driver.get(PhotoUrl); //通过xpath定位driver.findElement(By.xpath(".//*[&＃64;id&＃61;&＃39;kw&＃39;]")).sendKeys("Lions"); driver.findElement(By.xpath(".//*[&＃64;id&＃61;&＃39;su&＃39;]")).click();

下面我在介绍几个xpath的其他写法

/** xpath--text()方法&＃xff0c;百度首页的新闻链接*/driver.findElement(By.xpath(".//*[&＃64;id&＃61;&＃39;u_sp&＃39;]/a[text()&＃61;&＃39;新闻&＃39;]")).click();/** 对于动态的元素定位&＃xff0c;可以使用contains()*///eg 百度首页的【新闻元素】driver.findElement(By.xpath(".//*/a[contains(&＃64;href,&＃39;news&＃39;)]")).click();/** xpath相对路径的写法* URL&＃61;http://news.baidu.com/* 先根据for &＃61; newstitle 或者text()&＃61;新闻标题来定位“新闻标题”这个标签。 *///使用for属性来定位driver.findElement(By.xpath(".//*/label[&＃64;for&＃61;&＃39;newstitle&＃39;]/../input[&＃64;id&＃61;&＃39;newstitle&＃39;]")).click();//使用text来定位driver.findElement(By.xpath(".//*/label[text()&＃61;&＃39;新闻标题&＃39;]/../input[&＃64;id&＃61;&＃39;newstitle&＃39;]")).click();


3.PartialLinkText&＃xff08;String partialLinkText&＃xff09;方法定位&＃xff0c;超链接部分文本&＃xff0c;基于LinkText &＃xff08;String linkText &＃xff09;-超链接完整文本&＃xff0c;不想写那么多的字的时候&＃xff0c;选取其中的一部分字段&＃xff0c;但是必须在该页面有唯一性&＃xff0c; 一般我会选择使用LinkText()方法

public class EightMthods {public static void main(String[] args) throws Exception { WebDriver driver &＃61; new FirefoxDriver(); driver.manage().window().maximize();/**1. 根绝linkText&partialLinkText来定位元素 */String PhotoUrl &＃61; "http://photo.163.com";driver.get(PhotoUrl); //通过xpath定位/**使用下面这段代码请把地址更换为百度首页地址*driver.findElement(By.linkText("把百度设为主页")).click();*/WebElement LearnMoreLink &＃61; driver.findElement(By.partialLinkText("了解更多"));//点击了解更多LearnMoreLink.click();

4.用样式选择器定位cssSelector &＃xff08;String cssSelector&＃xff09;,css即层叠样式表&＃xff0c;通过 css可以描述标签的样式&＃xff0c;如字体的大小&＃xff0c;颜色&＃xff0c;标签布局&＃xff0c;间距等&＃xff0c; 样式选择器是一种非常使用又容易被开发者忽略的定位方式。

如百度首页的输入框元素&＃xff0c;用#id的值表示这个元素的css表达式

public class EightMthods {public static void main(String[] args) throws Exception { //首先要创建一个driver驱动的实例对象&＃xff0c;这里用Firefox浏览器来演示WebDriver driver &＃61; new FirefoxDriver(); driver.manage().window().maximize();/**1. 根绝cssSelector来定位元素 */String PhotoUrl &＃61; "https://www.baidu.com";driver.get(PhotoUrl); //通过iddriver.findElement(By.cssSelector("#kw")).sendKeys("For beauty");//By.cssSelector("标签名#id")//如百度输入框&＃xff1a;By.cssSelector("input#kw"));//通过className(样式名)方式 By.cssSelector(".className");//如百度输入框&＃xff1a; By.cssSelector(".s_ipt");//By.cssSelector("标签名.className") ;//如百度输入框&＃xff1a;By.cssSelector("input.s_ipt");//通过元素属性&＃xff0c;语法&＃xff1a;By.cssSelector("标签名[属性名1 &＃61; &＃39;属性值&＃39;][属性名2 &＃61; &＃39;属性值&＃39;]") 可以是多属性也可以是单属性&＃xff0c;非常实用。//By.cssSelector("input[value&＃61;&＃39;255&＃39;][autocomplete &＃61;&＃39;off&＃39;]")//By.cssSelector(input[autocomplete&＃61;&＃39;off&＃39;])driver.findElement(By.cssSelector("#su")).click();

如果感觉自己写的不准确的话&＃xff0c;可以使用Firepath&＃xff0c;切换为CSS选择器就ok了