和我一起學 Selenium WebDriver（1）——入門篇

2019-11-06 06:40:43

字體：大中小

來源：轉載

供稿：網友

zTree 東西不多，我也一直使用著原始的人工測試手段，隨著內容的不斷增多，測試起來就越發的繁雜，而且經常犯懶，這樣就會忽略很多本該發現的問題，而且也容易出現舊的bug 反復出現的情況，這都是測試不規范造成的。要做好東西就要更加規范和嚴格，于是乎決定要學習一下 Selenium WebDriver，也就是原先的 Selenium v2 了，這方面整體的文章并不多，所以一邊學著，自己一邊整理吧。對于這個可以自動化測試的工具（ Selenium WebDriver）我就不做過多描述了，去 google、baidu 搜索一下即可。我這里只記錄學習 Selenium WebDriver 的過程，尤其是運行時可能出現的問題，當然了，我是做java的，我只學習 java 與 Selenium WebDriver 配合的方法。一、下載文件 先要去官網（http://seleniumhq.org/download/）下載必需的文件：Selenium IDE （專門用于 Firefox 測試的獨立界面，可以錄制測試步驟，但我更傾向于寫代碼做標準的功能測試）Selenium Server （可以輸入指令控制、可以解決跨域的 js 問題，等到后面學到了再講吧）The Internet Explorer Driver Server （專門用于IE測試的）Selenium Client Drivers （可以找到你熟悉的語言，例如我選擇的 Java）Third Party Browser Drivers NOT SUPPORTED/DEVELOPED by seleniumhq（第三方開發的 Selenium 插件，第一個就是 Chrome 的，否則你就沒辦法測試 Chrome 了）其他的，就根據你自己的需要尋找吧，目前這些足夠我用了。 二、安裝 & 運行 貌似擺弄新東西時，只有 “Hello World” 蹦出來以后，我們這些初學者才會感到情緒穩定，那就趕緊開始吧。對于初期打算直接用編程方式制作測試用例的情況來說，Selenium IDE、Selenium Server 都可以不用安裝執行。英語好的朋友可以直接看官網的文檔（http://seleniumhq.org/documentation/）就能夠開始使用了。看中文的，就繼續聽我嘮叨： 【1. 建立 Maven 工程】 Selenium 支持 maven 工程，這會讓你的工作更加簡便。

用 Eclipse 建個 Maven 的工程，建成后，直接修改 pom.xml，（參考：http://seleniumhq.org/docs/03_webdriver.html#setting-up-a-selenium-webdriver-PRoject）

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>Selenium2Test</groupId> <artifactId>Selenium2Test</artifactId> <version>1.0</version> <dependencies> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-java</artifactId> <version>2.25.0</version> </dependency> <dependency> <groupId>com.Opera</groupId> <artifactId>operadriver</artifactId> </dependency> </dependencies> <dependencyManagement> <dependencies> <dependency> <groupId>com.opera</groupId> <artifactId>operadriver</artifactId> <version>0.16</version> <exclusions> <exclusion> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-remote-driver</artifactId> </exclusion> </exclusions> </dependency> </dependencies> </dependencyManagement></project>

pom.xml 修改保存后，eclipse 會自動把需要的 jar 包下載完成。

【2. 測試 FireFox】 Selenium 最初就是在 FireFox 上做起來的插件，所以我們先來搭建 FireFox 的環境。確保你正確安裝了 FireFox 后，就可以直接編寫 java 代碼測試嘍。在 lesson1 目錄下建立 ExampleForFireFox.java （因為國內不少朋友訪問 google 的時候會出問題，所以我就把代碼中的 google 變成 baidu 了）package lesson1;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.firefox.FirefoxDriver;import org.openqa.selenium.support.ui.ExpectedCondition;import org.openqa.selenium.support.ui.WebDriverWait;public class ExampleForFireFox { public static void main(String[] args) { // 如果你的 FireFox 沒有安裝在默認目錄，那么必須在程序中設置// System.setProperty("webdriver.firefox.bin", "D://Program Files//Mozilla Firefox//firefox.exe"); // 創建一個 FireFox 的瀏覽器實例 WebDriver driver = new FirefoxDriver(); // 讓瀏覽器訪問 Baidu driver.get("http://www.baidu.com"); // 用下面代碼也可以實現 // driver.navigate().to("http://www.baidu.com"); // 獲取網頁的 title System.out.println("1 Page title is: " + driver.getTitle()); // 通過 id 找到 input 的 DOM WebElement element = driver.findElement(By.id("kw")); // 輸入關鍵字 element.sendKeys("zTree"); // 提交 input 所在的 form element.submit(); // 通過判斷 title 內容等待搜索頁面加載完畢，Timeout 設置10秒 (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() { public Boolean apply(WebDriver d) { return d.getTitle().toLowerCase().endsWith("ztree"); } }); // 顯示搜索結果頁面的 title System.out.println("2 Page title is: " + driver.getTitle()); //關閉瀏覽器 driver.quit(); }}普通情況下，直接運行代碼就可以看到會自動彈出 FireFox 窗口，訪問 baidu.com，然后輸入關鍵字并查詢，一切都是自動完成的。錯誤提醒： 1）Exception in thread "main" org.openqa.selenium.WebDriverException: Cannot find firefox binary in PATH. Make sure firefox is installed.出現這個錯誤，是說明你的 FireFox 文件并沒有安裝在默認目錄下，這時候需要在最開始執行：System.setProperty 設置環境變量 "webdriver.firefox.bin" 將自己機器上 FireFox 的正確路徑設置完畢后即可。2）Exception in thread "main" org.openqa.selenium.UnsupportedCommandException: Bad request

出現這個錯誤，很有意思。查了一下有人說應該是 hosts 出現了問題，加上一個 127.0.0.1 localhost 就行了，但我的 hosts 上肯定有這個玩意，為啥也會出現這個問題呢？

經過調試，發現 127.0.0.1 localhost 的設置必須要在 hosts 文件的最開始，而且如果后面有其他設置后，也不要再出現同樣的 127.0.0.1 localhost ，只要有就會出錯。（因為我為了方便訪問 google 的網站，專門加入了 smarthosts 的內容，導致了 localhost 的重復）

【3. 測試 Chrome】 Chrome 雖然不是 Selenium 的原配，但是沒辦法，她太火辣了，絕對不能拋下她不管的。把 ExampleForFireFox.java 稍微修改就可以制作出一個 ExampleForChrome.java ，直接把 new FireFoxDriver() 修改為 new ChromeDriver() 你會發現還是行不通。錯誤如下： 1）Exception in thread "main" java.lang.IllegalStateException: The path to the driver executable must be set by the webdriver.chrome.driver system property; for more information, see http://code.google.com/p/selenium/wiki/ChromeDriver. The latest version can be downloaded from http://code.google.com/p/chromedriver/downloads/list這應該是找不到 chrome 的文件，好吧，利用 System.setProperty 方法添加路徑，這里要注意，是 “webdriver.chrome.driver” 可不是“webdriver.chrome.bin”設置路徑后還是會報錯： 2）[6416:4580:1204/173852:ERROR:gpu_info_collector_win.cc(91)] Can't retrieve a valid WinSAT assessment.這個貌似是因為 Selenium 無法直接啟動 Chrome 導致的，必須要通過前面咱們下載 Chrome 的第三方插件 ChromeDriver，去看第一個錯誤中提示給你的網址：http://code.google.com/p/selenium/wiki/ChromeDriver按照人家給的例子來修改我們的測試代碼吧： package lesson1;import java.io.File;import java.io.IOException;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.chrome.ChromeDriverService;import org.openqa.selenium.remote.DesiredCapabilities;import org.openqa.selenium.remote.RemoteWebDriver;import org.openqa.selenium.support.ui.ExpectedCondition;import org.openqa.selenium.support.ui.WebDriverWait;public class ExampleForChrome { public static void main(String[] args) throws IOException { // 設置 chrome 的路徑 System.setProperty( "webdriver.chrome.driver", "C://Documents and Settings//sq//Local Settings//application Data//Google//Chrome//Application//chrome.exe"); // 創建一個 ChromeDriver 的接口，用于連接 Chrome @SuppressWarnings("deprecation") ChromeDriverService service = new ChromeDriverService.Builder() .usingChromeDriverExecutable( new File( "E://Selenium WebDriver//chromedriver_win_23.0.1240.0//chromedriver.exe")) .usingAnyFreePort().build(); service.start(); // 創建一個 Chrome 的瀏覽器實例 WebDriver driver = new RemoteWebDriver(service.getUrl(), DesiredCapabilities.chrome()); // 讓瀏覽器訪問 Baidu driver.get("http://www.baidu.com"); // 用下面代碼也可以實現 // driver.navigate().to("http://www.baidu.com"); // 獲取網頁的 title System.out.println("1 Page title is: " + driver.getTitle()); // 通過 id 找到 input 的 DOM WebElement element = driver.findElement(By.id("kw")); // 輸入關鍵字 element.sendKeys("zTree"); // 提交 input 所在的 form element.submit(); // 通過判斷 title 內容等待搜索頁面加載完畢，Timeout 設置10秒 (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() { public Boolean apply(WebDriver d) { return d.getTitle().toLowerCase().endsWith("ztree"); } }); // 顯示搜索結果頁面的 title System.out.println("2 Page title is: " + driver.getTitle()); // 關閉瀏覽器 driver.quit(); // 關閉 ChromeDriver 接口 service.stop(); }}運行一下看看，是不是一切OK了？

【2012.12.06補充】

上一個 Demo 中無法正常使用 new ChromeDriver()，今天在做進一步學習時看到一篇文章（http://qa.blog.163.com/blog/static/19014700220122231779/），恍然大悟，原來只需要把 ‘webdriver.chrome.driver’ 的值設置為 chromedriver 的路徑就可以了。

package lesson1;import java.io.IOException;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.chrome.ChromeDriver;import org.openqa.selenium.support.ui.ExpectedCondition;import org.openqa.selenium.support.ui.WebDriverWait;public class ExampleForChrome2 { public static void main(String[] args) throws IOException { // 設置 chrome 的路徑 System.setProperty( "webdriver.chrome.driver", "E://Selenium WebDriver//chromedriver_win_23.0.1240.0//chromedriver.exe"); // 創建一個 ChromeDriver 的接口，用于連接 Chrome // 創建一個 Chrome 的瀏覽器實例 WebDriver driver = new ChromeDriver(); // 讓瀏覽器訪問 Baidu driver.get("http://www.baidu.com"); // 用下面代碼也可以實現 // driver.navigate().to("http://www.baidu.com"); // 獲取網頁的 title System.out.println("1 Page title is: " + driver.getTitle()); // 通過 id 找到 input 的 DOM WebElement element = driver.findElement(By.id("kw")); // 輸入關鍵字 element.sendKeys("zTree"); // 提交 input 所在的 form element.submit(); // 通過判斷 title 內容等待搜索頁面加載完畢，Timeout 設置10秒 (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() { public Boolean apply(WebDriver d) { return d.getTitle().toLowerCase().endsWith("ztree"); } }); // 顯示搜索結果頁面的 title System.out.println("2 Page title is: " + driver.getTitle()); // 關閉瀏覽器 driver.quit(); // element = driver.findElement(By.id("kw")); // // element.clear(); // element.click(); // element.clear(); // element.sendKeys("zTree"); // element.submit(); }}【4. 測試 IE】 想逃避 IE 嗎？？作為前端開發，IE 你是必須要面對的，沖吧！其實你會發現， Selenium 主要也就是針對 FireFox 和 IE 來制作的，所以把 FireFox 的代碼修改為 IE 的，那是相當的容易，只需要簡單地兩步：1）把 ExampleForFireFox.java 另存為 ExampleForIE.java 2）把 WebDriver driver = new FirefoxDriver(); 修改為 WebDriver driver = new InternetExplorerDriver();3）一般大家的 IE都是默認路徑吧，所以也就不用設置 property 了 package lesson1;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.ie.InternetExplorerDriver;import org.openqa.selenium.support.ui.ExpectedCondition;import org.openqa.selenium.support.ui.WebDriverWait;public class ExampleForIE { public static void main(String[] args) { // 如果你的 FireFox 沒有安裝在默認目錄，那么必須在程序中設置 // System.setProperty("webdriver.firefox.bin", "D://Program Files//Mozilla Firefox//firefox.exe"); // 創建一個 FireFox 的瀏覽器實例 WebDriver driver = new InternetExplorerDriver(); // 讓瀏覽器訪問 Baidu driver.get("http://www.baidu.com"); // 用下面代碼也可以實現 // driver.navigate().to("http://www.baidu.com"); // 獲取網頁的 title System.out.println("1 Page title is: " + driver.getTitle()); // 通過 id 找到 input 的 DOM WebElement element = driver.findElement(By.id("kw")); // 輸入關鍵字 element.sendKeys("zTree"); // 提交 input 所在的 form element.submit(); // 通過判斷 title 內容等待搜索頁面加載完畢，Timeout 設置10秒 (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() { public Boolean apply(WebDriver d) { return d.getTitle().toLowerCase().endsWith("ztree"); } }); // 顯示搜索結果頁面的 title System.out.println("2 Page title is: " + driver.getTitle()); // 關閉瀏覽器 driver.quit(); }}運行一下，是不是 so easy？入門工作完成，現在完全可以利用 java 代碼，讓 Selenium 自動執行我們設置好的測試用例了，不過.....這僅僅是個開始。

上一篇：解決圖片不能顯示的問題

下一篇：洛谷 P1106 刪數問題