selenium webdriver(3)---操作页面对象

页面对象的相关操作可以通过接口文件org.openqa.selenium.WebElement查看，本文只是对象接口的使用方式，具体的实现方式在org.openqa.selenium.remote.RemoteWebElement中，有兴趣的同学可以研究下，接口方法如下图

即将用到的网页

 sendKeys

当我们想向输入框中输入内容时采用sendKeys方法

 1 import java.util.Set;
 2 import org.openqa.selenium.By;
 3 import org.openqa.selenium.WebDriver;
 4 import org.openqa.selenium.chrome.ChromeDriver;
 5 import org.openqa.selenium.WebElement;
 6 
 7 public class NewTest{
 8     public static void main(String[] args) {
 9 
10        System.setProperty ( "webdriver.chrome.driver" , 
11        "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe" );
12        WebDriver driver = new ChromeDriver();
13        driver.get("http://shanghai.anjuke.com");
14        //获得输入框对象
15        WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
16 
17        input.sendKeys("selenium");
18     }

 

为了突出重点，后续代码中关于启动driver及打开网址的代码就不再重复写了

 click

输入之后的操作就是搜索了，这里有两种方式，第二种稍后介绍：
　　1.点击输入框旁边的搜索按钮
　　2.如果输入框在form中，可以之间调用submit方法

//获得输入框对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
input.sendKeys("selenium");
       
//获得搜索按钮对象
WebElement button=driver.findElement(By.xpath("//input[@id='btnSubmit']"));
button.click();

 

 submit

如果当前对象在一个form中的话就可以使用这个方法，相比于click省去了获取button对象这一步,我们安居客的输入框正好在form中，哈哈省事了

//获得输入框对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
input.sendKeys("selenium");
input.submit();

 

 clear

clear方法用来清除输入框中的内容

//获得输入框对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
input.sendKeys("selenium");
input.clear();

 

其实使用sendKeys方法可以达到同样的效果，我们想要清除刚才输入的内容"selenium"，只要按下8次backspace键即可，请看

//获得输入框对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
input.sendKeys("selenium");
for(int i=1;i<=8;i++)
    input.sendKeys(Keys.chord(Keys.BACK_SPACE));

 

ps:clear方法一般用于在sendKeys之前使用，到达初始化的效果

 isDisplayed

此方法用来判断对象是否可见，也就是css的display是否为none，本文网页中与input同级的em元素不可见正好可以用来作为例子

 1 //获得input对象
 2 WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
 3 if(input.isDisplayed())
 4     System.out.println("input is displayesd");
 5 else
 6     System.out.println("input is not displayesd");
 7 //获得em对象
 8 WebElement em=driver.findElement(By.xpath("//em[@id='home_close']"));
 9 if(em.isDisplayed())
10     System.out.println("em is displayesd");
11 else
12     System.out.println("em is not displayesd");

 

 isEnabled

isEnabled判断对象是否被禁用

 1 //获得input对象
 2 WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
 3 if(input.isEnabled())
 4     System.out.println("input is isEnabled");
 5 else
 6     System.out.println("input is not isEnabled");
 7 //获得em对象
 8 WebElement em=driver.findElement(By.xpath("//em[@id='home_close']"));
 9 if(em.isEnabled())
10     System.out.println("em is isEnabled");
11 else
12     System.out.println("em is not isEnabled");

 

 isSelected

该方法用来判断单选框、下拉框、复选框中的选项是否被选中，使用安居客的房贷计算器页面来演示

 1 import org.openqa.selenium.By;
 2 import org.openqa.selenium.Keys;
 3 import org.openqa.selenium.WebDriver;
 4 import org.openqa.selenium.chrome.ChromeDriver;
 5 import org.openqa.selenium.WebElement;
 6 
 7 public class NewTest{
 8     public static void main(String[] args) throws InterruptedException {
 9 
10        System.setProperty ( "webdriver.chrome.driver" , 
11        "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chromedriver.exe" );
12        WebDriver driver = new ChromeDriver();
13        driver.get("http://www.anjuke.com/calculator/return");
14 
15        WebElement prePayment=driver.findElement(By.xpath("//input[@id='tqradio']"));
16        prePayment.click();
17        if(prePayment.isSelected())
18            System.out.println("提前还款方式为：部分提前还款");
19        else
20        System.out.println("提前还款方式为：一次提前还清");
21        Thread.sleep(3000);
22        driver.quit();
23 }

 

单选框有很多的操作方法，上面的例子还可以这样写，采用列表的形式

List<WebElement> prePayment=driver.findElements(By.xpath("//input[@name='tqhkfs']"));
prePayment.get(1).click();

if(prePayment.get(1).isSelected())
    System.out.println("提前还款方式为：部分提前还款");
else
    System.out.println("提前还款方式为：一次提前还清");

 

 getTagName

获取标签名称

WebElement prePayment=driver.findElement(By.xpath("//input[@id='tqradio']"));

System.out.println("单选框的标签名称是"+prePayment.getTagName());

 

 getText

获取对象的innerText内容

WebElement methodOfPrePayment=driver.findElement(By.xpath("//div[@class='year']/label"));

System.out.println(methodOfPrePayment.getText());

 

 getCssValue

这个方法返回的对象css中定义的属性的值，参数一定要是css支持的属性

WebElement methodOfPrePayment=driver.findElement(By.xpath("//div[@class='year']/label"));

System.out.println(methodOfPrePayment.getCssValue("margin-left"));

 

 getAttribute

获取对象属性的值，这个属性指的是html标签的属性如id、class等，注意和getCssValue区别开来

WebElement methodOfPrePayment=driver.findElement(By.xpath("//div[@class='year']/label"));

System.out.println(methodOfPrePayment.getAttribute("innerText"));

 

 getLocation

该方法返回对象在页面中的位置(相对于页面左上角)

WebElement methodOfPrePayment=driver.findElement(By.xpath("//div[@class='year']/label"));

System.out.println("水平距离"+methodOfPrePayment.getLocation().getX());
System.out.println("垂直距离"+methodOfPrePayment.getLocation().getY());

 

 getSize

获取对象的高和宽

WebElement methodOfPrePayment=driver.findElement(By.xpath("//div[@class='year']/label"));

System.out.println("宽"+methodOfPrePayment.getSize().getWidth());
System.out.println("高"+methodOfPrePayment.getSize().getHeight());

 

getSize、getLocation等方法在UI测试中使用较多，功能测试一般不会用到

 下拉框的相关操作

最后在补充一些关于下拉框的操作，下拉框在平时工作中用到的挺多，操作方式也很多，一般的有三种

 层级定位

通过层级定位准确的定位到需要操作的下拉选项，操作明确下拉数目、名称的下拉框时比较方便

WebElement methodOfPayment=driver.findElement(By.xpath("//select[@id='tqhklx']"));

WebElement methodOfPaymentOption=methodOfPayment.findElement(By.xpath("./option[@value='1']"));

methodOfPaymentOption.click();

System.out.println("还款方式为"+methodOfPaymentOption.getText());

 

 列表操作

一次性获取全部下拉选项，在列表中操作

List<WebElement> methodOfPaymentOptions=driver.findElements(By.xpath("//select[@id='tqhklx']/option"));

System.out.println("还款方式:");

for(int i=0;i<methodOfPaymentOptions.size();i++)
    System.out.println(methodOfPaymentOptions.get(i).getText());

 

 Select类

webdriver提供了一个单独的Select来对下拉框进行操作

Select select=new Select(driver.findElement(By.xpath("//select[@id='tqhklx']")));

List<WebElement> methodOfPaymentOptions=select.getOptions();
System.out.println("还款方式:");
for(int i=0;i<methodOfPaymentOptions.size();i++)
    System.out.println(methodOfPaymentOptions.get(i).getText());

 

Select类提供的方法很多，完全可以满足平时工作的需要，具体的可以到org.openqa.selenium.support.ui.Select中查看

转载于:https://www.cnblogs.com/michaelle/p/4023336.html