Cách xử lý các sự kiện bàn phím và chuột trong Selenium sử dụng class Actions

Trong quá trình sử dụng ứng dụng web, người dùng sẽ sử dụng bàn phím cũng như chuột để thao tác như nhấp đúp chuột, chọn nhiều giá trị dùng phím Ctrl+ nhấp chuột, kéo và thả… Trong bài viết này, chúng ta sẽ cùng tìm hiểu về cách xử lý các sự kiện của bàn phím và chuột sử dụng class Actions trong Selenium nhé.

Class Actions là gì?

Class Actions là một lớp được cung cấp bởi Selenium. Nó được dùng để xử lý các sự kiện của bàn phím (Nhấn phím ENTER, TAB…) và chuột (nhấp đúp chuột, chọn giá trị từ dropdown list, drag và drop)… , các thao tác này từ class Actions được thực hiện bằng cách sử dụng API tương tác người dùng nâng cao (advanced user interaction API) trong Selenium Webdriver.

Để sử dụng class Actions, các bạn thực hiện như sau:

Import thư viện

import org.openqa.selenium.interactions.Actions;

Khởi tạo đối tượng thuộc class Actions

Actions action = new Actions(driver);

Thực hiện thao tác phím hay chuột theo cấu trúc sau

action.Keyboard_mouse_method().build().perform();

• Keyboard_mouse_method() – là phương thức của bàn phím hoặc chuột được cung cấp bởi class Actions
• Chúng ta sử dụng .build().perform() để biên dịch và thực thi lớp action

Bây giờ, chúng ta hãy tìm hiểu về các phương thức khác nhau trong lớp này được sử dụng để thực hiện một số hành động nhé

Các phương thức thuộc class Actions

Về cơ bản, có hai phương pháp giúp làm việc với các hành động trong Selenium, đó là:

1. Keyboard actions
2. Mouse actions
3. Pen actions
4. Thanh cuộn (Scroll actions)

Keyboard Actions

Chúng ta có thể sử dụng Keys enum cho các phím không phải văn bản và chuyển chúng sang phương thức sendKeys như danh sách dưới đây. Các bạn cũng có thể xem ở đây

Mouse actions

Scroll actions

• Chức năng này chỉ hỗ trợ cho Chromium và Selenium từ phiên bản v4.2

• Có 5 kịch bản để cuộn trên một trang như sau:

Ví dụ sử dụng class Actions

Chúng ta đã hiểu cách khai báo cũng như các phương thức của class Actions, giờ chúng ta sẽ cùng thực hiện ví dụ sau nhé

Scenario

Truy cập vào trang https://devopsify.co/ thực hiện các hành động sau sử dụng phím và chuột thông qua class Actions

1. Nhập thông tin tìm kiếm “selenium locator” vào ô Search
2. Sao chép (Copy) lại nội dung tìm kiếm “selenium locator”
3. Nhập lại nội dung tìm kiếm “javascript Executor”
4. Nhập lại nội dung tìm kiếm bằng cách dán (paste) nôi dung “selenium locator” đã sao chép từ step 2.
5. Nhấn phím ENTER để tìm kiếm
6. Mouse hover chuột lên menu “Operation” và giữ 10 giây để xem nội dung danh sách bài viết Operation hiển thị
7. Mouse hover chuột lên menu “Test” để xem nội dung hiển thị

Các bước thực hiện

_ Các bước truy cập vào trang web https://devopsify.co/ được thực hiện như các bài khác mình đã nói

Để thực hiện các hành động như yêu cầu, chúng ta sử dụng class Actions

• Để nhập thông tin chúng ta có thể sử dụng phương thức sendKeys(“enter text”)

• Để sao chép nội dung, đầu tiên chúng ta sẽ quét hết nội dung trong ô search (CTRL+A)

• Để dán chúng ta sử dụng CTRL+C

• Sau khi nhập nội dung tìm kiếm chúng ta sử dụng phím ENTER

Mouse hover chuột lên menu “Operation” và giữ 10 giây chúng ta dùng phương thức moveToElement() và pause()

Code

package SeleniumWebDriverTutorial;

import io.github.bonigarcia.wdm.WebDriverManager;
import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;

import java.security.Key;
import java.time.Duration;

public class actionsAndActionExample {
    public static void main(String[] args) throws InterruptedException {
        WebDriverManager.chromedriver().setup();
        WebDriver driver = new ChromeDriver();
        driver.manage().window().maximize();

        //Navigate to https://devopsify.co/
        driver.get("https://devopsify.co/");
        Actions action = new Actions(driver);

        WebElement searchTxt = driver.findElement(By.className("jeg_search_input"));


        action.moveToElement(searchTxt)
                .click()
                .sendKeys("selenium locator")
                .perform();

        action.keyDown(Keys.CONTROL)
                .sendKeys("A") //Select all (CTRL+A)
                .sendKeys("C") // CTRL+C
                .keyUp(Keys.CONTROL)
                .perform();

        action.sendKeys("javascript Executor").perform();
        Thread.sleep(500);

        action.moveToElement(searchTxt)
                .keyDown(Keys.CONTROL)
                .sendKeys("a")
                .keyUp(Keys.CONTROL)
                .keyDown(Keys.DELETE)
                .keyUp(Keys.DELETE)
                .keyDown(Keys.CONTROL)
                .sendKeys("V")
                .keyUp(Keys.CONTROL)
                .keyDown(Keys.ENTER)
                .perform();

        WebElement testNav = driver.findElement(By.xpath("//div[@class='jeg_mainmenu_wrap']/ul/li[3]"));
        WebElement operationNav = driver.findElement(By.xpath("//div[@class='jeg_mainmenu_wrap']/ul/li[5]"));
        action.moveToElement(operationNav)
                .pause(Duration.ofSeconds(10))
                .moveToElement(testNav)
                .perform();


    }
}

Cheers!