• Selenium Video Tutorials

Selenium WebDriver - JavaScript 執行器

上一頁
下一頁

Selenium WebDriver 用於執行 JavaScript 命令來與頁面上瀏覽器中顯示的元素進行通訊。這是藉助 JavaScriptExecutor 介面實現的。有時，Selenium WebDriver 中可用的定位器無法與頁面上的元素互動，在這種情況下，我們可以藉助 JavaScriptExecutor 方法。

執行 JavaScript 命令的基本方法

JavaScriptExecutor 介面中有多種可用方法。它們列在下面：

executeScript 方法

此方法用於在當前活動的視窗或框架中執行 JavaScript。它是一個匿名函式，支援各種資料型別，例如 WebElement、Long、String、List 和 Boolean。

executeAsyncScript 方法

這是一種多執行緒方法，用於在當前活動的視窗或框架中執行單個 JavaScript 任務。它允許頁面解析繼續進行，從而最佳化效能並提供更大的靈活性。此方法能夠以最佳方式執行非同步 JavaScript。

執行 JavaScript 命令的步驟

使用 JavaScriptExecutor 介面結合 Selenium WebDriver 執行 JavaScript 命令的步驟列在下面：

步驟 1 - 匯入 JavaScriptExecutor 的包。

步驟 2 - 建立 JavaScriptExecutor 介面的引用變數。

步驟 3 - 呼叫 JavaScriptExecutor 方法。

語法

import org.openqa.selenium.JavascriptExecutor;
JavascriptExecutor j = (JavascriptExecutor) driver;
j.executeScript(script, args);

示例

讓我們以以下頁面為例，我們將在其中開啟一個帶有 URL 的應用程式：Selenium 自動化實踐表單。

然後，獲取文字：Selenium - 自動化實踐表單，以及域為www.tutorialspoint.com。接下來，我們將在名稱標籤旁邊的輸入框中輸入文字Selenium。

Selenium JavaScript Executor 1

然後，我們將單擊登入，因此我們將導航到一個新頁面，該頁面包含文字歡迎，登入中。我們將重新整理瀏覽器，然後獲取文字、URL 和域，分別為歡迎，登入中、Selenium 自動化實踐表單和www.tutorialspoint.com。

Selenium JavaScript Executor 2

程式碼實現

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;

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

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 25 secs
      driver.manage().timeouts().implicitlyWait(25, TimeUnit.SECONDS);

      // Creating a reference variable JavaScriptExecutor interface.
      JavascriptExecutor j = (JavascriptExecutor) driver;

      // launching a URL
      j.executeScript("window.location = 'https://tutorialspoint.tw/selenium/practice/selenium_automation_practice.php'");

      // getting current URL
      String url =  j.executeScript("return document.URL;").toString();
      System.out.println("Get the current URL: " + url);

      //identify text
      WebElement t = driver.findElement(By.xpath("/html/body/div/header/div[2]/h1"));

      // get text
      String text = (String) j.executeScript("return arguments[0].innerText", t);
      System.out.println("Text is: " + text);

      // getting current domain
      String domain = j.executeScript("return document.domain;").toString();
      System.out.println("Get the current domain: " + domain);

      // enter text in input box
      WebElement e = driver.findElement(By.xpath("//*[@id='name']"));
      j.executeScript("arguments[0].value='Selenium';", e);

      // get text entered
      String text1 = (String) j.executeScript("return arguments[0].value", e);
      System.out.println("Entered text is: " + text1);

      // perform click
      WebElement b = driver.findElement(By.xpath("//*[@id='collapseTwo']/div/ul/li[2]/a"));
      j.executeScript("arguments[0].click();", b);

      //identify text
      WebElement w = driver.findElement(By.xpath("//*[@id='signInForm']/h1"));

      // get text after click
      String text2 = (String) j.executeScript("return arguments[0].innerText", w);
      System.out.println("Text found after clicking is: " + text2);

      // refresh browser
      j.executeScript("history.go(0)");

      // getting current URL after browser refresh
      String url1 =  j.executeScript("return document.URL;").toString();
      System.out.println("Get the current URL after browser refresh: " + url1);

      //identify text again after refresh
      WebElement y = driver.findElement(By.xpath("//*[@id='signInForm']/h1"));

      // get text after refresh
      String text3 = (String) j.executeScript("return arguments[0].innerText", y);
      System.out.println("Text found after refresh is: " + text3);

      // getting current domain after browser refresh
      String domain1 = j.executeScript("return document.domain;").toString();
      System.out.println("Get the current domain after browser refresh: " + domain1);

      // Quit browser
      driver.quit();
   }
}

輸出

Get the current URL:
 https://tutorialspoint.tw/selenium/practice/selenium_automation_practice.php
Text is: Selenium - Automation Practice Form
Get the current domain: www.tutorialspoint.com
Entered text is: Selenium
Text found after clicking is: Welcome, Login In
Get the current URL after browser refresh:
https://tutorialspoint.tw/selenium/practice/login.php
Text found after refresh is: Welcome, Login In
Get the current domain after browser refresh:
www.tutorialspoint.com

Process finished with exit code 0

在上面的示例中，我們啟動了一個 URL 並獲取了當前 URL，控制檯中的訊息為：獲取當前 URL：Selenium 自動化實踐表單

然後檢索文字和域，控制檯中的訊息分別為：文字為：Selenium - 自動化實踐表單和獲取當前域：www.tutorialspoint.com。

接下來，我們在輸入框中輸入文字 Selenium 並檢索其值，控制檯中的訊息為：輸入的文字為：Selenium。然後，我們單擊“登入”連結，並在導航後獲取文字，控制檯中的訊息為：單擊後找到的文字：歡迎，登入中。最後，我們重新整理了頁面並獲取了頁面的當前 URL、文字和域，控制檯中的訊息為：瀏覽器重新整理後獲取當前 URL：Selenium 有用資源

重新整理後找到的文字：歡迎，登入中，以及瀏覽器重新整理後獲取當前域：www.tutorialspoint.com。

最後，收到訊息程序已完成，退出程式碼為 0，表示程式碼已成功執行。

示例 - 使用 JavaScriptExecutor 向下滾動

現在讓我們討論如何使用 scrollTo 方法向下滾動到網頁底部，並獲取該頁面底部顯示的按鈕登入，如下圖所示。scrollTo 方法採用兩個引數 - 水平和垂直頂點。

Selenium JavaScript Executor 3

程式碼實現

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;

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

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 12 secs
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);

      //Opening the webpage where we will perform the scroll
      driver.get("https://tutorialspoint.tw/selenium/practice/selenium_automation_practice.php");

      // JavascriptExecutor to scrolling to page bottom
      JavascriptExecutor javascriptExecutor = (JavascriptExecutor) driver;
      javascriptExecutor.executeScript("window.scrollBy(0,document.body.scrollHeight)");

      // access element at page bottom after scrolling
      WebElement w = driver.findElement(By.xpath("//*[@id='practiceForm']/div[11]/input"));

      System.out.println("Verify element presence after scroll down: " + w.isDisplayed());

      // quit the browser
      driver.quit();
   }
}

輸出

Verify element presence after scroll down: true

要獲取有關使用 Selenium WebDriver 執行滾動操作的更多資訊，請參考連結Selenium WebDriver 滾動操作。

示例 - 使用 JavaScriptExecutor 建立警報

讓我們以以下頁面為例，我們將在其中使用 JavaScriptExecutor 在網頁上建立警報並獲取文字Tutorialspoint。

Selenium JavaScript Executor 4

程式碼實現

package org.example;

import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;

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

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 20 secs
      driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);

      // Creating a reference variable JavaScriptExecutor interface
      JavascriptExecutor j = (JavascriptExecutor) driver;

      //  create an Alert
      j.executeScript("alert('Tutorialspoint!!!');");

      // switch driver context to alert
      Alert alrt = driver.switchTo().alert();

      // Get alert text
      String s = alrt.getText();
      System.out.println("Alert text is: " + s);

      // Quit browser
      driver.quit();
   }
}

輸出

Alert text is: Tutorialspoint!!!

在上面的示例中，我們建立了一個警報並獲取了它的文字，控制檯中的訊息為：警報文字為：Tutorialspoint！！！

示例 - 使用 JavaScriptExecutor 選擇複選框

讓我們再舉一個以下頁面的例子，我們將使用 JavaScript Executor 選中複選框以選擇主級別 2選項：

Selenium JavaScript Executor 5

程式碼實現

package org.example;

import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;

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

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 20 secs
      driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);

      // Creating a reference variable JavaScriptExecutor interface
      JavascriptExecutor j = (JavascriptExecutor) driver;

      // Opening the webpage where we will check checkbox
      driver.get("https://tutorialspoint.tw/selenium/practice/check-box.php");

      // identify checkbox with xpath
      WebElement chkbox = driver.findElement(By.xpath("//*[@id='c_bs_2']"));

      // check the checkbox
      j.executeScript("document.getElementById('c_bs_2').checked=true;");

      // check if checkbox is selected
      System.out.println("Checkbox is selected: " + chkbox.isSelected());

      // Quitting browser
      driver.quit();
   }
}

輸出

Checkbox is selected: true

在上面的示例中，我們選中了一個複選框並驗證了它是否被選中，控制檯中的訊息為：複選框已選中：true

結論

這總結了我們關於 Selenium WebDriver JavaScript 執行器教程的全面內容。我們從描述執行 JavaScript 命令的基本方法、執行 JavaScript 命令的步驟以及示例來說明如何在 Selenium WebDriver 中處理 JavaScript 執行器開始。這使您能夠深入瞭解 Selenium WebDriver JavaScript 執行器。明智的做法是繼續練習您所學的內容並探索與 Selenium 相關的其他內容，以加深您的理解並拓寬您的視野。

列印頁面
上一頁
下一頁
廣告