C 定位页面元素
selenium-webdriver提供了强大的元素定位方法，支持以下三种方法。
单个对象的定位方法
多个对象的定位方法
层级定位
定位单个元素
在定位单个元素时,selenium-webdriver提示了如下一些方法对元素进行定位。
By.className(className))
By.cssSelector(selector)
By.id(id)
By.linkText(linkText)
By.name(name)
By.partialLinkText(linkText)
By.tagName(name)
By.xpath(xpathExpression)
注意：selenium-webdriver通过findElement()\findElements()等find方法调用"By"对象来定位和查询元素。By类只是提供查询的方式进行分类。findElement返回一个元素对象否则抛出异常，findElements返回符合条件的元素List，如果不存在符合条件的就返回一个空的list。
当所定位的元素具有class属性的时候我们可以通过classname来定位该元素。
下面的例子定位了51.com首页上class为"username"的li。
Java代码
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.By;
public class ByClassName {
public static void main(String[] args) {
WebDriver driver = new FirefoxDriver();
driver.get("http://www.51.com");
WebElement element =driver.findElement(By.className("username"));
System.out.println(element.getTagName());
}
}
输出结果：
Java代码
Li
51.com首页的帐号输入框的html代码如下：
Java代码
<input id="passport_51_user"type="text" value="" tabindex="1" title="用户名/彩虹号/邮箱"
name="passport_51_user">
在下面的例子中用id定位这个输入框，并输出其title,借此也可以验证代码是否工作正常。
Java代码
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
importorg.openqa.selenium.firefox.FirefoxDriver;
public class ByUserId {
/**
* @param args
*/
publicstatic void main(String[] args) {
//TODO Auto-generated method stub
WebDriverdr = new FirefoxDriver();
dr.get("http://www.51.com");
WebElementelement = dr.findElement(By.id("passport_51_user"));
System.out.println(element.getAttribute("title"));
}
}
输出结果：
Java代码
用户名/彩虹号/邮箱
51.com首页的帐号输入框的html代码如下：
Java代码
<input id="passport_51_user"type="text" value="" tabindex="1" title="用户名/彩虹号/邮箱"
name="passport_51_user">
使用name定位
Java代码
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
importorg.openqa.selenium.firefox.FirefoxDriver;
public class ByUserId {
/**
* @param args
*/
publicstatic void main(String[] args) {
//TODO Auto-generated method stub
WebDriverdr = new FirefoxDriver();
dr.get("http://www.51.com");
WebElemente = dr.findElement(By.name("passport_51_user")); System.out.println(element.getAttribute("title"));
}
}
输出结果：
Java代码
用户名/彩虹号/邮箱
51.com首页的帐号输入框的html代码如下：
Java代码
<input id="passport_51_user"type="text" value="" tabindex="1" title="用户名/彩虹号/邮箱"
name="passport_51_user">
使用css定位
Java代码
WebElement e1 =dr.findElement(By.cssSelector("#passport_51_user"));
51.com首页的帐号输入框的html代码如下：
Java代码
<input id="passport_51_user"type="text" value="" tabindex="1" title="用户名/彩虹号/邮箱"
name="passport_51_user">
通过xpath查找：
Java代码
WebElement element=driver.findElement(By.xpath("//input[@id=' passport_51_user ']"));
在定位link元素的时候，可以使用link和link_text属性；
另外还可以使用tag_name属性定位任意元素；
上面提到findElements()方法可以返回一个符合条件的元素List组。看下面例子。
Java代码
import java.io.File;
import java.util.List;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
importorg.openqa.selenium.firefox.FirefoxBinary;
import org.openqa.selenium.firefox.FirefoxDriver;
public class FindElementsStudy {
/**
* @author gongjf
*/
publicstatic void main(String[] args) {
WebDriver driver = new FirefoxDriver();
driver.get("http://www.51.com");
//定位到所有<input>标签的元素，然后输出他们的id
List<WebElement>element = driver.findElements(By.tagName("input"));
for(WebElement e : element){
System.out.println(e.getAttribute("id"));
}
driver.quit();
}
}
输出结果：
Java代码
passport_cookie_login
gourl
passport_login_from
passport_51_user
passport_51_password
passport_qq_login_2
btn_reg
passport_51_ishidden
passport_auto_login
上面的代码返回页面上所有input对象
8.层级定位
层级定位的思想是先定位父元素，然后再从父元素中精确定位出其我们需要选取的子元素。
层级定位一般的应用场景是无法直接定位到需要选取的元素，但是其父元素比较容易定位，通过定位父元素再遍历其子元素选择需要的目标元素，或者需要定位某个元素下所有的子元素。
下面的代码演示了如何使用层级定位class为"login"的div，然后再取得它下面的所有label，并打印出他们的文本
Java代码
importjava.util.List;
importorg.openqa.selenium.By;
importorg.openqa.selenium.WebDriver;
importorg.openqa.selenium.WebElement;
importorg.openqa.selenium.firefox.FirefoxBinary;
importorg.openqa.selenium.firefox.FirefoxDriver;
publicclass LayerLocator {
/**
* @author gongjf
*/
public static void main(String[] args){
WebDriver driver = new FirefoxDriver();
driver.get("http://www.51.com");
//定位class为"login"的div，然后再取得它下面的所有label，并打印出他们的值
WebElement element =driver.findElement(By.className("login"));
List<WebElement> el =element.findElements(By.tagName("label"));
for(WebElement e : el)
System.out.println(e.getText());
}
}
输出结果：
Java代码
帐号：
密码：
隐身
找到页面元素后，怎样对页面进行操作呢？我们可以根据不同的类型的元素来进行一一说明。
找到输入框元素：
WebElement element =driver.findElement(By.id("passwd-id"));
在输入框中输入内容：
element.sendKeys(“test”);
将输入框清空：
element.clear();
获取输入框的文本内容：
element.getText();
找到下拉选择框的元素：
Select select = newSelect(driver.findElement(By.id("select")));
选择对应的选择项：
select.selectByVisibleText(“mediaAgencyA”);
或
select.selectByValue(“MA_ID_001”);
不选择对应的选择项：
select.deselectAll();
select.deselectByValue(“MA_ID_001”);
select.deselectByVisibleText(“mediaAgencyA”);
或者获取选择项的值：
select.getAllSelectedOptions();
select.getFirstSelectedOption();
对下拉框进行操作时首先要定位到这个下拉框，new一个Selcet对象，然后对它进行操作
找到单选框元素：
WebElement bookMode =driver.findElement(By.id("BookMode"));
选择某个单选项：
bookMode.click();
清空某个单选项：
bookMode.clear();
判断某个单选项是否已经被选择：
bookMode.isSelected();
多选项的操作和单选的差不多：
WebElement checkbox=driver.findElement(By.id("myCheckbox."));
checkbox.click();
checkbox.clear();
checkbox.isSelected();
checkbox.isEnabled();
找到按钮元素：
WebElement saveButton =driver.findElement(By.id("save"));
点击按钮：
saveButton.click();
判断按钮是否enable:
saveButton.isEnabled ();
也就是左边是可供选择项，选择后移动到右边的框中，反之亦然。例如：
Select lang = new Select(driver.findElement(By.id("languages")));
lang.selectByVisibleText(“English”);
WebElement addLanguage=driver.findElement(By.id("addButton"));
addLanguage.click();
Alert alert = driver.switchTo().alert();
alert.accept();
alert.dismiss();
alert.getText();
后面有具体的例子解释~
Form中的元素的操作和其它的元素操作一样，对元素操作完成后对表单的提交可以：
WebElement approve =driver.findElement(By.id("approve"));
approve.click();
或
approve.submit();//只适合于表单的提交
上传文件的元素操作：
WebElement adFileUpload = driver.findElement(By.id("WAP-upload"));
String filePath ="C:\test\\uploadfile\\media_ads\\test.jpg";
adFileUpload.sendKeys(filePath);
WebElement element=driver.findElement(By.name("source"));
WebElement target = driver.findElement(By.name("target"));
(new Actions(driver)).dragAndDrop(element,target).perform();
打开一个新的页面：
driver.navigate().to("http://www.example.com");
通过历史导航返回原页面：
driver.navigate().forward();
driver.navigate().back();
有时候我们在定位一个页面元素的时候发现一直定位不了，反复检查自己写的定位器没有任何问题，代码也没有任何问题。这时你就要看一下这个页面元素是否在一个iframe中，这可能就是找不到的原因之一。如果你在一个default content中查找一个在iframe中的元素，那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素，那必然也定位不到。
selenium webdriver中提供了进入一个iframe的方法：
WebDriverorg.openqa.selenium.WebDriver.TargetLocator.frame(String nameOrId)
也提供了一个返回default content的方法：
WebDriver org.openqa.selenium.WebDriver.TargetLocator.defaultContent()
这样使我们面对iframe时可以轻松应对。
以下面的html代码为例，我们看一下处现iframe。
Html代码
main.html
<html>
<head>
<title>FrameTest</title>
</head>
<body>
<divid = "id1">this is a div!</div>
<iframe. id = "frame" frameborder="0" scrolling="no"style="left:0;position:absolute;" src ="frame.html"></iframe>
</body>
</html>
frame.html
<html>
<head>
<title>this is a frame!</title>
</head>
<body>
<divid = "div1">this is a div，too!</div>
<label>input:</label>
<inputid = "input1"></input>
</body>
</html>
Java代码
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
importorg.openqa.selenium.firefox.FirefoxDriver;
public class FameStudy {
publicstatic void main(String[] args) {
WebDriverdr = new FirefoxDriver();
Stringurl = "\\Your\\Path\\to\\main.html";
dr.get(url);
//在defaultcontent定位id="id1"的div
dr.findElement(By.id("id1"));
//此时，没有进入到id="frame"的frame中时，以下两句会报错
dr.findElement(By.id("div1"));//报错
dr.findElement(By.id("input1"));//报错
//进入id="frame"的frame中，定位id="div1"的div和id="input1"的输入框。
dr.switchTo().frame("frame");
dr.findElement(By.id("div1"));
dr.findElement(By.id("input1"));
//此时，没有跳出frame，如果定位defaultcontent中的元素也会报错。
dr.findElement(By.id("id1"));//报错
//跳出frame,进入defaultcontent;重新定位id="id1"的div
dr.switchTo().defaultContent();
dr.findElement(By.id("id1"));
}
}
小结：
switch_to方法会new1个TargetLocator对象，使用该对象的frame方法可以将当前识别的”主体”移动到需要定位的frame上去。
在selenium 1.X里面得到弹出窗口是一件比较麻烦的事，特别是新开窗口没有id、name的时候。在selenium webdriver中得到新开窗口相对简单的多，它无关新开窗口的id、name等属性。以下面的html为例：
Html代码
<span style="white-space: normal;background-color: #ffffff;">test.html</span>
<html>
<head><title>Test Popup Window</title></head>
<body>
<a id = "51" href = "http://www.51.com/" target ="_blank">Let's go!</a>
</body>
</html>
下面的代码演示了如何去得到弹出的新窗口
Java代码
import java.util.Iterator;
import java.util.Set;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
importorg.openqa.selenium.firefox.FirefoxDriver;
public class PopupWindowTest {
/**
* @author gongjf
*/
publicstatic void main(String[] args) {
System.setProperty("webdriver.firefox.bin","D:\\ProgramFiles\\Mozilla Firefox\\firefox.exe");
WebDriverdr = new FirefoxDriver();
Stringurl ="\\Your\\Path\\to\\main.html";
dr.get(url);
dr.findElement(By.id("51")).click();
//得到当前窗口的句柄
StringcurrentWindow = dr.getWindowHandle();
//得到所有窗口的句柄
Set<String>handles = dr.getWindowHandles();
Iterator<String>it = handles.iterator();
while(it.hasNext()){
if(currentWindow== it.next()) continue;
dr.switchTo().window(it.next());
}
}
}
输出结果：
title,url = 51.com真人配对玩游戏,http://www.51.com/
小结：
捕获或者说定位弹出窗口的关键在于获得弹出窗口的句柄。（
在上面的代码里，使用windowhandle方法来获取当前浏览器窗口的句柄，使用了windowhandles方法获取所有弹出的浏览器窗口的句柄，然后通过排除当前句柄的方法来得到新开窗口的句柄。
在获取新弹出窗口的句柄后，使用switchto.window(newwindow_handle)方法，将新窗口的句柄作为参数传入既可捕获到新窗口了。
如果想回到以前的窗口定位元素，那么再调用1次switchto.window方法，传入之前窗口的句柄既可达到目的。
G 如何处理alert、confirm、prompt对话框
alert、confirm、prompt这样的js对话框在selenium1.X时代也是难啃的骨头，常常要用autoit来帮助处理。
试用了一下selenium webdriver中处理这些对话框十分方便简洁
Html代码
Dialogs.html
<html>
<head>
<title>Alert</title>
</head>
<body>
<input id = "alert" value = "alert" type ="button" nclick = "alert('欢迎！请按确认继续！');"/>
<input id = "confirm" value= "confirm" type = "button" nclick = "confirm('确定吗？');"/>
<inputid = "prompt" value = "prompt" type = "button"onclick = "var name = prompt('请输入你的名字:','请输入
你的名字'); document.write(name) "/>
</body>
</html>
以上html代码在页面上显示了三个按钮，点击他们分别弹出alert、confirm、prompt对话框。如果在prompt对话框中输入文字点击确定之后，将会刷新页面，显示出这些文字。
selenium webdriver处理这些弹层的代码如下：
Java代码
import org.openqa.selenium.Alert;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
importorg.openqa.selenium.firefox.FirefoxDriver;
public class DialogsStudy {
/**
* @author gongjf
*/
publicstatic void main(String[] args) {
//TODO Auto-generated method stub
System.setProperty("webdriver.firefox.bin","D:\\ProgramFiles\\Mozilla Firefox\\firefox.exe");
WebDriverdr = new FirefoxDriver();
Stringurl = "file:///C:/Documents and Settings/gongjf/桌面/selenium_test/Dialogs.html";//"/Your/Path/to/main.html"
dr.get(url);
//点击第一个按钮，输出对话框上面的文字，然后叉掉
dr.findElement(By.id("alert")).click();
Alertalert = dr.switchTo().alert();
Stringtext = alert.getText();
System.out.println(text);
alert.dismiss();
//点击第二个按钮，输出对话框上面的文字，然后点击确认
dr.findElement(By.id("confirm")).click();
Alertconfirm = dr.switchTo().alert();
Stringtext1 = confirm.getText();
System.out.println(text1);
confirm.accept();
//点击第三个按钮，输入你的名字，然后点击确认，最后
dr.findElement(By.id("prompt")).click();
Alertprompt = dr.switchTo().alert();
Stringtext2 = prompt.getText();
System.out.println(text2);
prompt.sendKeys("jarvi");
prompt.accept();
}
}
小结：
从以上代码可以看出dr.switchTo().alert();这句可以得到alert\confirm\prompt对话框的对象，然后运用其方法对它进行操作。对话框操作的主要方法有：
getText() 得到它的文本值
accept() 相当于点击它的"确认"
dismiss() 相当于点击"取消"或者叉掉对话框
sendKeys()输入值，这个alert\confirm没有对话框就不能用了，不然会报错。
980
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
