一、如何找到頁面元素

Webdriver的findElement方法可以用來找到頁面的某個元素，最常用的方法是用id和name查詢。下面介紹幾種比較常用的方法。

1.1By ID

假設頁面寫成這樣：input type="text" name="passwd"id="passwd-id"

那麼可以這樣找到頁面的元素：

通過id查詢：

WebElement element = driver.findElement(By.id("passwd-id"));

1.2 By Name

或通過name查詢：

WebElement element = driver.findElement(By.name("passwd"));

1.3 By XPATH（右鍵--審查元素）

或通過xpath查詢：

WebElement element =driver.findElement(By.xpath("//input[@id='passwd-id']"));

1.4 By Class Name

假設頁面寫成這樣： 

Gouda

可以通過這樣查詢頁面元素：

Listcheeses = driver.findElements(By.className("cheese"));

1.5 By Link Text

假設頁面元素寫成這樣：

cheese>

 那麼可以通過這樣查詢：

WebElement cheese =driver.findElement(By.linkText("cheese"));

二、如何對頁面元素進行操作

找到頁面元素後，怎樣對頁面進行操作呢？我們可以根據不同的型別的元素來進行一一說明。

2.1 輸入框（text field or textarea）

找到輸入框元素：

WebElement element = driver.findElement(By.id("passwd-id"));

在輸入框中輸入內容：

element.sendKeys(“test”);

將輸入框清空：

element.clear();

獲取輸入框的文字內容：

element.getText();

2.2 下拉選擇框(Select)

找到下拉選擇框的元素：

Select select = new Select(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();

2.3 單選項(Radio Button)

找到單選框元素：

WebElement bookMode =driver.findElement(By.id("BookMode"));

選擇某個單選項：

bookMode.click();

清空某個單選項：

bookMode.clear();

判斷某個單選項是否已經被選擇：

bookMode.isSelected();

2.4 多選項(checkbox)

多選項的操作和單選的差不多：

WebElement checkbox =driver.findElement(By.id("myCheckbox."));

checkbox.click();

checkbox.clear();

checkbox.isSelected();

checkbox.isEnabled();

2.5 按鈕(button)

找到按鈕元素：

WebElement saveButton = driver.findElement(By.id("save"));

點選按鈕：

saveButton.click();

判斷按鈕是否enable:

saveButton.isEnabled ();

2.6 左右選擇框

也就是左邊是可供選擇項，選擇後移動到右邊的框中，反之亦然。例如：

Select lang = new Select(driver.findElement(By.id("languages")));

lang.selectByVisibleText(“English”);

WebElement addLanguage =driver.findElement(By.id("adon"));

addLanguage.click();

2.7 彈出對話方塊(Popup dialogs)

Alert alert = driver.switchTo().alert();

alert.accept();

alert.dismiss();

alert.getText();

2.8 表單(Form)

Form中的元素的操作和其它的元素操作一樣，對元素操作完成後對錶單的提交可以：

WebElement approve = driver.findElement(By.id("approve"));

approve.click();

或

approve.submit();//只適合於表單的提交

2.9 上傳檔案 (Upload File)

上傳檔案的元素操作：

WebElement adFileUpload = driver.findElement(By.id("WAP-upload"));

String filePath = "C:\test\\uploadfile\\media_ads\\test.jpg";

adFileUpload.sendKeys(filePath);

2.10 Windows 和 Frames之間的切換

一般來說，登入後建議是先：

driver.switchTo().defaultContent();

切換到某個frame：

driver.switchTo().frame("leftFrame");

從一個frame切換到另一個frame：

driver.switchTo().frame("mainFrame");

切換到某個window：

driver.switchTo().window("windowName");

2.11拖拉(Drag andDrop)

WebElement element =driver.findElement(By.name("source"));

WebElement target = driver.findElement(By.name("target"));

(new Actions(driver)).dragAndDrop(element, target).perform();

2.12導航 (Navigationand History)

開啟一個新的頁面：

driver.navigate().to("http://www.example.com");

通過歷史導航返回原頁面：

driver.navigate().forward();

 driver.navigate().back();

三、RemoteWebDriver

當本機上沒有瀏覽器，需要遠端呼叫瀏覽器進行自動化測試時，需要用到RemoteWebDirver.

3.1 使用RemoteWebDriver

import java.io.File;

import java.net.URL;

import org.openqa.selenium.OutputType;

import org.openqa.selenium.TakesScreenshot;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.remote.Augmenter;

import org.openqa.selenium.remote.DesiredCapabilities;

import org.openqa.selenium.remote.RemoteWebDriver;

public class Testing {

   public void myTest()throws Exception {

        WebDriver driver = newRemoteWebDriver(

                               new URL("http://localhost:4446/wd/hub"),

                               DesiredCapabilities.firefox());

       driver.get("http://www.google.com");

        // RemoteWebDriverdoes not implement the TakesScreenshot class

        // if the driver doeshave the Capabilities to take a screenshot

        // then Augmenter willadd the TakesScreenshot methods to the instance

        WebDriveraugmentedDriver = new Augmenter().augment(driver);

        File screenshot =((TakesScreenshot)augmentedDriver).

                            getScreenshotAs(OutputType.FILE);

    }

}

3.2 SeleniumServer

在使用RemoteDriver時，必須在遠端伺服器啟動一個SeleniumServer:

java -jar selenium-server-standalone-2.20.0.jar -port 4446

3.3 How to setFirefox profile using RemoteWebDriver

profile = new FirefoxProfile();

profile.setPreference("general.useragent.override",testData.getUserAgent()); 

capabilities = DesiredCapabilities.firefox();

capabilities.setCapability("firefox_profile", profile);

driver = new RemoteWebDriver(new URL(“http://localhost:4446/wd/hub”),capabilities);

driverWait = new WebDriverWait(driver,TestConstant.WAIT_ELEMENT_TO_LOAD);

driver.get("http://www.google.com");