Selenium WebDriver滾動網頁

在本節中,您將學習如何向下或向上滾動以顯示網頁上顯示的其他信息。
讓我們來看看下面一個測試用例,它將自動化以下場景:

  • 調用Firefox瀏覽器
  • 打開URL - www.yiibai.com
  • 向下滾動網頁以顯示其它頁面部分

我們將逐步創建測試用例,以便您完全瞭解如何使用JavaScript的「scrollBy」方法滾動網頁。

第1步 - 啓動Eclipse IDE並打開在本教程前幾節中創建的測試套件「Demo_Test」。
第2步 - 右鍵單擊「src」文件夾,然後從 New -> Class 創建一個新的類文件。
Selenium WebDriver滾動網頁

將類的名稱命名爲「Scroll_Test」 ,然後單擊「完成」按鈕。
Selenium WebDriver滾動網頁

第3步 - 開始編碼代碼。
要調用Firefox瀏覽器,需要下載Gecko驅動程序併爲Gecko驅動程序設置系統屬性。在本教程的幾篇文章中已經討論過這個問題,可以參考「在Firefox瀏覽器上運行測試」來了解如何下載和設置Firefox驅動程序的系統屬性。
以下是爲Gecko驅動程序設置系統屬性的示例代碼:

// System Property for Gecko Driver   
System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );

之後使用DesiredCapabilities類初始化Gecko Driver。以下是使用DesiredCapabilities類初始化gecko驅動程序的示例代碼。

// Initialize Gecko Driver using Desired Capabilities Class  
DesiredCapabilities capabilities = DesiredCapabilities.firefox();  
capabilities.setCapability("marionette",true);  
ebDriver driver= new FirefoxDriver(capabilities);

結合上述兩個代碼塊,完善啓動Firefox瀏覽器的代碼片段如下。

  // System Property for Gecko Driver   
System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );  

 // Initialize Gecko Driver using Desired Capabilities Class  
DesiredCapabilities capabilities = DesiredCapabilities.firefox();  
capabilities.setCapability("marionette",true);  
WebDriver driver= new FirefoxDriver(capabilities);

之後需要編寫代碼來自動化第二個測試場景(導航到所需的URL),以下是導航到所需URL的示例代碼:

// Launch Website  
navigate().to("www.yiibai.com");

到目前爲止完整的代碼如下所示:

import org.openqa.selenium.WebDriver;  
import org.openqa.selenium.firefox.FirefoxDriver;  
import org.openqa.selenium.remote.DesiredCapabilities;  

public class Scroll_Test {  

    public static void main(String[] args) {  

    // System Property for Gecko Driver   
        System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );  

    // Initialize Gecko Driver using Desired Capabilities Class  
     DesiredCapabilities capabilities = DesiredCapabilities.firefox();  
            capabilities.setCapability("marionette",true);  
            WebDriver driver= new FirefoxDriver(capabilities);  


      // Launch Website  
     driver.navigate().to("www.yiibai.com");   

    }  

}

第4步 - 要自動化第三個測試場景,需要編寫將向下滾動網頁的代碼,以顯示易百教程網站上的其它技術部分。

要滾動網頁,可使用JavaScript的scrollBy()方法。要執行JavaScript方法,還需要使用JavaScript執行器。 scrollBy方法根據像素採用兩個參數,每個參數用於水平和垂直滾動。

JavascriptExecutor js = (JavascriptExecutor)driver;  
js.executeScript("scrollBy(0, 4500)");

因此,最終測試腳本將如下所示:

import org.openqa.selenium.JavascriptExecutor;  
import org.openqa.selenium.WebDriver;  
import org.openqa.selenium.firefox.FirefoxDriver;  
import org.openqa.selenium.remote.DesiredCapabilities;  

public class Scroll_Test {  

    public static void main(String[] args) {  

        // System Property for Gecko Driver   
        System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );  

        // Initialize Gecko Driver using Desired Capabilities Class  
            DesiredCapabilities capabilities = DesiredCapabilities.firefox();  
            capabilities.setCapability("marionette",true);  
            WebDriver driver= new FirefoxDriver(capabilities);  


        // Launch Website  
        driver.navigate().to("www.yiibai.com");   

        //向下滾動網頁1500像素
        JavascriptExecutor js = (JavascriptExecutor)driver;  
        js.executeScript("scrollBy(0, 1500)");  

    }  
}

執行後,上述測試腳本將啓動Firefox瀏覽器並自動執行所有測試方案。