使用WebDriver遇到的那些坑

使用WebDriver遇到的那些坑

更多1

在做web項目的自動化端到端測試時主要使用的是Selenium WebDriver來驅動瀏覽器。Selenium WebDriver的優點是支持的語言多,支持的瀏覽器多。主流的瀏覽器Chrome、Firefox、IE等都支持,手機上的瀏覽器Android、IPhone等也支持,甚至還支持PhantomJS(由於PhantomJS跑測試時並不需要渲染元素,所以執行速度快)。

但是我在使用Selenium WebDriver時,遇到了很多坑。這些問題,有的是因爲Selenium WebDriver與瀏覽器不同版本之間兼容性的問題,有的是Selenium WebDriver本身的bug,當然也不乏自己對Selenium WebDriver某些功能理解不透徹。我花時間總結了一下,分享給大家,希望大家以後遇到問題可以避過這些坑,少走彎路。另外也總結了一些使用WebDriver的比較好的實踐,也一併分享給大家。

  • WebDriver每次啓動一個Firefox的實例時,會生成一個匿名的profile,並不會使用當前Firefox的profile。這點一定要注意。比如如果訪問被測試的web服務需要通過代理,你想直接設置Firefox的代理是行不通的,因爲WebDriver啓動的Firefox實例並不會使用你這個profile,正確的做法是通過FirefoxProfile來設置。
public WebDriver create() {
  FirefoxProfile firefoxProfile = new FirefoxProfile();
  firefoxProfile.setPreference("network.proxy.type",1);
  firefoxProfile.setPreference("network.proxy.http",yourProxy);
  firefoxProfile.setPreference("network.proxy.http_port",yourPort);
  firefoxProfile.setPreference("network.proxy.no_proxies_on","");
  return new FirefoxDriver(firefoxProfile);
}

通過FirefoProfile也可以設置Firefox其它各種配置。如果要默認給Firefox安裝插件的話,可以將插件放置到Firefox安裝目錄下的默認的plugin文件夾中,這樣即使是使用一個全新的profile也可以應用此plugin。

  • 使用WebDriver點擊界面上Button元素時,如果當前Button元素被界面上其他元素遮住了,或沒出現在界面中(比如Button在頁面底部,但是屏幕只能顯示頁面上半部分),使用默認的WebElement.Click()可能會觸發不了Click事件。

修正方案是找到該頁面元素後直接發送一條Click的JavaScript指令。

((JavascriptExecutor)webDriver).executeScript("arguments[0].click();", webElement);
  • 當進行了一些操作發生頁面跳轉時,最好加一個Wait方法等待page load完成再進行後續操作。方法是在某個時間段內判斷document.readyState是不是complete。
    protected Function<WebDriver, Boolean> isPageLoaded() {
        return new Function<WebDriver, Boolean>() {
            @Override
            public Boolean apply(WebDriver driver) {
                return ((JavascriptExecutor) driver).executeScript("return document.readyState").equals("complete");
            }
        };
    }
    public void waitForPageLoad() {
        WebDriverWait wait = new WebDriverWait(webDriver, 30);
        wait.until(isPageLoaded());
    }
  • 如果頁面有Ajax操作,需要寫一個Wait方法等待Ajax操作完成。方式與上一條中的基本相同。比如一個Ajax操作是用於向DropDownList中填充數據,則寫一個方法判斷該DropDownList中元素是否多餘0個。
    private Function<WebDriver, Boolean> haveMoreThanOneOption(final By element) {
        return new Function<WebDriver, Boolean>() {
            @Override
            public Boolean apply(WebDriver driver) {
                WebElement webElement = driver.findElement(element);
                if (webElement == null) {
                    return false;
                } else {
                    int size = webElement.findElements(By.tagName("option")).size();
                    return size >= 1;
                }
            }
        };
    }
    public void waitForDropDownListLoaded() {
        WebDriverWait wait = new WebDriverWait(webDriver, 30);
        wait.until(isPageLoaded());
    }

以此類推,我們可以判斷某個元素是否呈現、某個class是否append成功等一系列方法來判斷ajax是否執行完成。

  • 如果網站使用了JQuery的動畫效果,我們在運行測試的時候其實可以disable JQuery的animation,一方面可以加快測試的速度,另一方面可以加強測試的穩定性(如果啓用了Animation,使用WebDriver驅動瀏覽器時可能會出現一些無法預料的異常)。
((JavascriptExecutor)driver).executeScript("jQuery.fx.off=true");
  • 由於WebDriver要驅動瀏覽器,所以測試運行的時間比較長,我們可以並行跑測試以節省時間。如果你使用的是maven構建工具,可以配置surefire plugin時,在configruation節點加入以下配置。
<parallel>classes</parallel>
<threadCount>3</threadCount>
<perCoreThreadCount>false</perCoreThreadCount>
  • 當測試fail的時候,如果當前使用的WebDriver實現了TakesScreenshot接口,我們就可以調用相應的方法截下當前瀏覽器呈現的web頁面,這樣有利於快速定位出錯的原因。
    public void getScreenShot() {
        if (webDriver instanceof TakesScreenshot) {
            TakesScreenshot screenshotTaker = (TakesScreenshot) webDriver;
            File file = screenshotTaker.getScreenshotAs(savePath);
        }
    }
  • 如果頁面彈出了瀏覽器自帶的警告框(使用JavaScript的Alert方法),Selenium WebDriver在點選次警告框時會偶發性失敗。具體原因還未查明。解決方案是儘量不使用Alert方法的警告框,而是自己實現模式窗口(比如Jquery UI的模式窗口)來實現警告框效果。這樣即保證了測試的穩定性,另外我們自己可以控制警告框的樣式,給用戶帶來更好的體驗。

  • 經常更新Selenium的版本。注意經常上Selenium的官網看是否發佈了新的版本,新的版本都修復了那些bug,如果包含你遇到的bug,就可以升級到目前的版本。

更多1

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章