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

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

即将用到的网页

 sendKeys

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

import java.util.Set;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.WebElement;

public class NewTest{
    public static void main(String[] args) {

       System.setProperty ( "webdriver.chrome.driver" , 
       "C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe" );
       WebDriver driver = new ChromeDriver();
       driver.get("http://shanghai.anjuke.com");
       //获得输入框对象
       WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));

       input.sendKeys("selenium");
    }

为了突出重点，后续代码中关于启动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元素不可见正好可以用来作为例子

//获得input对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
if(input.isDisplayed())
    System.out.println("input is displayesd");
else
    System.out.println("input is not displayesd");
//获得em对象
WebElement em=driver.findElement(By.xpath("//em[@id='home_close']"));
if(em.isDisplayed())
    System.out.println("em is displayesd");
else
    System.out.println("em is not displayesd");

 isEnabled

isEnabled判断对象是否被禁用

//获得input对象
WebElement input=driver.findElement(By.xpath("//input[@id='glb_search0']"));
if(input.isEnabled())
    System.out.println("input is isEnabled");
else
    System.out.println("input is not isEnabled");
//获得em对象
WebElement em=driver.findElement(By.xpath("//em[@id='home_close']"));
if(em.isEnabled())
    System.out.println("em is isEnabled");
else
    System.out.println("em is not isEnabled");

 isSelected

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

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.WebElement;

public class NewTest{
    public static void main(String[] args) throws InterruptedException {

       System.setProperty ( "webdriver.chrome.driver" , 
       "C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe" );
       WebDriver driver = new ChromeDriver();
       driver.get("http://www.anjuke.com/calculator/return");

       WebElement prePayment=driver.findElement(By.xpath("//input[@id='tqradio']"));
       prePayment.click();
       if(prePayment.isSelected())
           System.out.println("提前还款方式为：部分提前还款");
       else
       System.out.println("提前还款方式为：一次提前还清");
       Thread.sleep(3000);
       driver.quit();
}

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

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中查看