Selenium java通过maven搭建测试环境——3.元素定位_chromedriver.findelements

基本元素定位

//定位百度的搜索框元素，并且输入数据（ID定位）--唯一的
chromeDriver.findElement(By.id("kw")).sendKeys("腾讯课堂");
//定位百度的搜索框元素，并且输入数据（Name定位）--重复
chromeDriver.findElement(By.name("wd")).sendKeys("腾讯课堂");
//定位百度的搜索框元素，并且输入数据（tagName定位）--找到的元素有多个--不推荐
chromeDriver.findElement(By.tagName("input")).sendKeys("腾讯课堂");
//定位百度的搜索框元素，并且输入数据（className定位）
chromeDriver.findElement(By.className("s_ipt")).sendKeys("腾讯课堂");
//Compound class names not permitted -->复合类名的问题
chromeDriver.findElement(By.className("s_btn")).click();
//定位“新闻”元素，并且点击（LinkText定位）--超链接完整文本
chromeDriver.findElement(By.linkText("新闻")).click();
//定位“新闻”元素，并且点击（partialLinkText定位）--超链接部分文本chromeDriver.findElement(By.partialLinkText("闻")).click();

元素定位-cssSelector

1.根据tagName

By.cssSelector(“input”);

2.根据 ID

By.csssSelector(“input#id);

By.csssSelector(“#id);

3.根据className（样式名）

By.csssSelector(“.className);

By.csssSelector(“input.className);

//cssSelect元素定位
//（1）tagName定位--不推荐
chromeDriver.findElement(By.cssSelector("input"));
//（2）id定位
chromeDriver.findElement(By.cssSelector("#kw")).sendKeys("腾讯课堂");
//（3）className定位
chromeDriver.findElement(By.cssSelector(".s_ipt")).sendKeys("腾讯课堂");
chromeDriver.findElement(By.cssSelector(".bg.s_btn")).click();

css精确定位

1.根据元素属性，属性名=属性值，id，class，等都可谢传给你这种形式

By.cssSelector(“标签名[属性名=’属性值’]”);如：By.cssSelector(“input[name=’xxx’]”);

2.多属性

By.cssSelector(“标签名[属性1=’属性值’][属性2=’属性值’]”);

//精确定位
chromeDriver.findElement(By.cssSelector("input[maxlength='255']")).sendKeys("腾讯课堂");
//多属性定位chromeDriver.findElement(By.cssSelector("input[maxlength='255'][autocomplete='off']")).sendKeys("腾讯课堂");

元素定位-xpath

Xpath其实就是一个路径，一个描述页面元素位置信息的路径，相当于元素的坐标

Xpath基于xml文档树状结构，是xml路径语言，用来查询文档中的节点

1.Xpath绝对定位

从根开始找--/（根）目录）

/html/body/div[2]/div/form/div[5]/button

缺点：一旦页面解耦股发生变化（比如重新设计时，路径少了两节），该路径也随之失效，必须重新写

2.Xpath相对路径：只要不是/开始的，就是相对路径

//*[@name=’phone’]

路径解释：

//匹配指定节点，不考虑他们位置（/则表示绝对路径，从根下开始）

*通配符，匹配任意元素节点

@选取属性

[]属性判断条件表达式

相对定位优点：灵活、方便、耦合性低