[Selenium Java] Bài 13: Cách xử lý Alert, Popup Window và iFrame

Alert (cảnh báo) trong Selenium là gì?

Dưới đây là một số loại cảnh báo:

1) Cảnh báo đơn giản

Lớp cảnh báo đơn giản trong Selenium hiển thị một số thông tin hoặc cảnh báo trên màn hình. Sau đó nhấn Ok là xong.

2) Cảnh báo nhắc nhở

Thông báo nhắc nhở này yêu cầu một số đầu vào từ người dùng và trình duyệt web Selenium có thể nhập văn bản bằng cách sử dụng các phím gửi ("Yes/No").

3) Cảnh báo xác nhận

Cảnh báo xác nhận này yêu cầu chọn một trong hai hành động chính là xác nhận hoặc huỷ bỏ.

Cách xử lý Alert trong Selenium Java

Chèn thư viện cái:

import org.openqa.selenium.Alert;

Các hàm xử lý:

1) void dismiss() // Để nhấp vào nút 'Cancel' của cảnh báo.

driver.switchTo().alert().dismiss();

2) void accept() // Để nhấp vào nút 'OK' của cảnh báo.

driver.switchTo().alert().accept();

3) String getText() // Để get text trên alert.

driver.switchTo().alert().getText();

4) void sendKeys(String text) // Để nhập dữ liệu vào ô input text trên alert.

driver.switchTo().alert().sendKeys("Text");

Bắt đầu nào 

Bước 1) Vào website http://demo.seleniumeasy.com/javascript-alert-box-demo.html

Bước 2) Click button "Click me!" đầu tiên

Bước 3) Sau đó có một Alert hiện lên và chúng ta nhấn nút Ok

Chạy code thực hành luôn cho nóng:

package com.anhtester.HandleAlert;

import com.anhtester.common.BaseTest;
import org.openqa.selenium.Alert;
import org.openqa.selenium.By;
import org.testng.annotations.Test;

public class HandleAlert extends BaseTest {
    @Test
    public void demoHandleAlertAccept() {
        driver.get("http://demo.seleniumeasy.com/javascript-alert-box-demo.html");
        sleep(2);

        //Mở Alert Message, click vào nút "Click me!" thứ nhất
        driver.findElement(By.xpath("(//button[text()='Click me!'])[1]")).click();
        sleep(1);

        //Khởi tạo class Alert thứ nhất
        Alert alert1 = driver.switchTo().alert();
        alert1.accept();

        sleep(1);
    }
}

Demo nhấn vào nút Cancel thì các bạn click nút "Click me!" thứ 2 nó sẽ xuất hiện

    @Test
    public void demoHandleAlertDismiss() {
        driver.get("http://demo.seleniumeasy.com/javascript-alert-box-demo.html");
        sleep(2);

        //Mở Alert Dismiss, click vào nút "Click me!" thứ 2
        driver.findElement(By.xpath("(//button[text()='Click me!'])[2]")).click();
        sleep(1);

        //Khởi tạo class Alert
        Alert alert2 = driver.switchTo().alert();
        alert2.dismiss();

        Assert.assertTrue(driver.findElement(By.xpath("//p[@id='confirm-demo']")).isDisplayed(),
                "Chưa nhấn được nút Cancel");

        sleep(1);
    }

Ví dụ dùng sendKeys thì chúng ta click vào nút thứ 3 nó sẽ xuất hiện sau đó điền text vào

    @Test
    public void demoHandleAlertInputText() {
        driver.get("http://demo.seleniumeasy.com/javascript-alert-box-demo.html");
        sleep(2);

        //Mở Alert Input text, click nút thứ 3
        driver.findElement(By.xpath("//button[normalize-space()='Click for Prompt Box']")).click();
        sleep(1);

        //Khởi tạo class Alert
        Alert alert3 = driver.switchTo().alert();
        alert3.sendKeys("Anh Tester Demo Alert");
        alert3.accept();

        Assert.assertEquals(driver.findElement(By.xpath("//p[@id='prompt-demo']")).getText(),
                "You have entered 'Anh Tester Demo Alert' !",
                "Chưa điền được text");

        sleep(1);
    }

Ví dụ xử lý Alert có input khác:

    @Test
    public void demoHandleAlertInputTextOther(){
        driver.get("https://demoqa.com/alerts");
        sleep(1);
        driver.findElement(By.xpath("//button[@id='promtButton']")).click();
        sleep(1);
        //Nhấn sendKeys vào ô text
        driver.switchTo().alert().sendKeys("Anh Tester");
        sleep(1);
        //Nhấn Ok button
        driver.switchTo().alert().accept();
        sleep(1);
        //Kiểm tra giá trị sendKeys
        String value = driver.findElement(By.xpath("//span[@id='promptResult']")).getText();
        System.out.println(value);
        Assert.assertTrue(value.contains("Anh Tester"), "Không chứa Text sendKeys");
        sleep(1);
    }

Cách xử lý Popup Window trong Selenium Java

🔆 Các phương thức hỗ trợ xử lý Popup Window:

• getWindowHandle(): Phương thức này giúp lấy cửa sổ điều khiển của cửa sổ hiện tại (dùng cho mainWindow)
• getWindowHandles(): Phương thức này giúp lấy tất cả các cửa sổ đang mở
• driver.switchTo.window(String window): Phương pháp này giúp chuyển đổi giữa các cửa sổ
• Kiểu dữ liệu Set: Set giúp lưu trữ nhiều mã số của window khi dùng hàm getWindowHandles
  Set<String> windowHandles = driver.getWindowHandles();

driver.get("https://anhtester.com");

driver.switchTo().newWindow(WindowType.TAB);

driver.get("https://google.com");​

+ Mở cửa sổ mới trong trình duyệt:

 driver.get("https://anhtester.com");

driver.switchTo().newWindow(WindowType.WINDOW);

driver.get("https://google.com");

✳️ Xử lý các Tab hoặc Window Popup:

Bước 1: Dùng hàm getWindowHandle để lấy mã số của cửa sổ chính hiện tại (mainWindow). Để sau khi chuyển hướng đến các cửa sổ khác thì quay về lại của sổ chính dễ dàng thông qua mã số.

String mainWindow = driver.getWindowHandle();​

Hàm getWindowHandle dùng để lấy mã số của cửa sổ hiện tại, trả về String. Chúng ta có thể lấy khi bắt đầu khởi tạo driver tại BaseTest và lưu vào một biến toàn cục nào đó.

Bước 2: mở các cửa sổ mới tuỳ ý

Bước 3: Dùng hàm getWindowHandles để lấy hết tất cả các cửa sổ đang mở

Khi chúng ta lick vào 1 đường link ở page hiện tại, nó open 1 cửa sổ mới. Mỗi browser này sẽ có 1 mã số để phân biệt chúng với nhau. Và chúng ta dùng kiểu dữ liệu Set trong Java để lưu trữ tất cả các mã số lại.

Set<String> windows = driver.getWindowHandles();​

• Lấy toàn bộ các “mã số” của các cửa sổ đang chạy mà có sử dụng instance driver (tự động của Selenium). Ví dụ nếu 1 cái browser mở lên do mình tự mở mà không phải Selenium mở thì sẽ ko lấy đc “mã số”.
• java.util.Set<java.lang.String>: nó sẽ return lại 1 Set các giá trị kiểu String, Set có ý nghĩa là sẽ không lưu dữ liệu bị trùng lặp. Vì mỗi Tab hoặc Window đều có mã số riêng.

Bước 4: Dùng hàm driver.switchTo.window(window) để chuyển hướng đến từng cửa sổ mong muốn

Set<String> windows = driver.getWindowHandles();

for (String window : windows){ 
    driver.switchTo().window(window);
}

Cách khác để chỉ định cửa sổ window thông qua vị trí trong Set

Set<String> AllWindowHandles = driver.getWindowHandles();

String window1 = (String) AllWindowHandles.toArray()[0]; 

System.out.println("Window 1 handle code = "+AllWindowHandles.toArray()[0]); 

String window2 = (String) AllWindowHandles.toArray()[1]; 

System.out.print("Window 2 handle code = "+AllWindowHandles.toArray()[1]);

Code ngắn gọn lại:

Set<String> windows = driver.getWindowHandles();
String firstWindow = (String)windows.toArray()[0]; //Cửa sổ đầu
String secondWindow = (String)windows.toArray()[1]; //Cửa sổ thứ hai

driver.switchTo().window(secondWindow);​

//firstWindow ý nghĩa là main window (cái cần lưu đầu tiên)

Đây là cách mình sẽ thường dùng cho gọn.

🔆 Để chuyển hướng về cửa sổ chính (mainWindow) sau khi đang ở các cửa sổ con khác:

driver.switchTo().window(mainWindow);​

🔆 Để đóng các cửa sổ con khác thì dùng hàm driver.close() khi còn đang ở trong cửa sổ đó

driver.close()

Sau đây là demo sử dụng một số phương pháp để xử lý nhiều cửa sổ Window trong Selenium

Code bình thường chưa chuyển sang Window mới:

@Test
public void demoNotSwitchToTab() {
  driver.get("https://demoqa.com/browser-windows");
  sleep(2);
  driver.findElement(By.xpath("//button[@id='tabButton']")).click();
  sleep(1);
  //Sau khi chuyển hướng sang Tab mới thì getText cái header
  System.out.println(driver.findElement(By.xpath("//h1[@id='sampleHeading']")).getText());
  sleep(1);
}

Nó sẽ báo là không tìm thấy Element 😝 

org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//h1[@id='sampleHeading']"}

Code chuyển sang Tab Window mới:

package com.anhtester.HandlePopupWindow;

import com.anhtester.common.BaseTest;
import org.openqa.selenium.By;
import org.openqa.selenium.WindowType;
import org.testng.annotations.Test;

import java.util.Set;

public class HandlePopupWindow extends BaseTest {
    @Test
    public void demoPopupTypeTab() {
        driver.get("https://demoqa.com/browser-windows");
        sleep(2);
        driver.findElement(By.xpath("//button[@id='tabButton']")).click();
        sleep(1);
        // Lưu lại lớp window đầu tiên - mã ID hơi dài, in ra sẽ thấy :)
        String MainWindow = driver.getWindowHandle();
        System.out.println(MainWindow);

        // Lấy tất cả các mã định danh Tab Window.
        Set<String> windows = driver.getWindowHandles();

        //Set là một Collection để lưu các phần tử giá trị KHÔNG trùng lặp.
        //Cách duyệt từng phần tử không trùng lặp trong Collection (Set) - Java Basic
        for (String window : windows) {
            System.out.println(window);
            if (!MainWindow.equals(window)) {
                //So sánh nếu thằng nào khác thằng Chính (đầu tiên) thì chuyển hướng qua nó mới thao tác được
                //Chuyển hướng driver đến Tab mới (Tab con)
                driver.switchTo().window(window);
                sleep(1);
                System.out.println("Đã chuyển đến Tab Window mới");

                //Một số hàm hỗ trợ
                System.out.println(driver.switchTo().window(window).getTitle());
                System.out.println(driver.switchTo().window(window).getCurrentUrl());

                sleep(1);
                //Sau khi chuyển hướng sang Tab mới thì getText cái header
                System.out.println(driver.findElement(By.xpath("//h1[@id='sampleHeading']")).getText());

                // Tắt cái Tab Window mới.
                sleep(1);
                driver.close();
            }
        }
        // Chuyển hướng về lại tab chính ban đầu (Main Window)
        driver.switchTo().window(MainWindow);
        System.out.println("Đã chuyển về lớp Window chính: " + driver.getCurrentUrl());

        sleep(1);
    }
}

Hoặc chúng ta dùng vị trí để chỉ định khi switchTo

String secondWindow = (String)windows.toArray()[1]; //Cửa sổ thứ hai

Nói thêm về Set chút

Set<String> windows = driver.getWindowHandles();

Duyệt Set với bộ lặp Iterator:

Iterator<String> iterator = windows.iterator();

while(iterator.hasNext()){
      System.out.println((String) iterator.next());
}

for(String window: windows) {
    System.out.println(window);
}

Cách xử lý iFrames trong Selenium Java

iFrame là gì?

iFrame là một trang web hoặc một khung nội tuyến được nhúng trong một trang web khác hoặc một tài liệu HTML được nhúng bên trong một tài liệu HTML khác. Khung nội tuyến thường được sử dụng để thêm nội dung từ các nguồn khác như quảng cáo vào một trang web.

Khung nội tuyến được xác định bằng thẻ <iframe>

Cách xác định iframe trên trang

Nếu dùng Chrome thì right click vào cái Messenger trang Anh Tester menu Contact sẽ thấy như hình

Hoặc dạng quảng cáo chèn vào các trang báo

Chúng ta có thể xác định tổng số thẻ iframe bằng cách sử dụng đoạn mã sau:

int sizeIFrame = driver.findElements(By.tagName("iframe")).Size();

Để kiểm tra xem trang hiện tại có bao nhiêu thẻ iframe thôi.

✳️ Cách chuyển đến iFrame cụ thể

+ Cách 1: Chuyển sang iframe theo Chỉ mục (thứ tự):
Thực tế trong hệ thống phần mềm testing thì nó cũng chỉ tầm 2 3 cái thẻ iframe thôi chứ không nhiều nên chúng ta đếm cũng rất dễ dàng. Chạy lần lượt thử xem thứ tự nào đúng 😁

driver.switchTo().frame(0);
driver.switchTo().frame(1);​

+ Cách 2: Chuyển sang iframe theo Tên hoặc ID của chính thẻ iframe:

Tên và ID là cách dễ nhất rồi, nếu có thì copy dùng ngay thôi. Lưu ý ID động hay tĩnh đó nhe. Nếu ID động thì thôi bỏ qua đi 😜

driver.switchTo().frame("iframe1");
driver.switchTo().frame("id của phần tử");​

+ Cách 3: Chuyển sang iframe theo chính thẻ iframe nhưng phải thông qua dạng WebElement:

Ví dụ: driver.findElement(By.xpath("//div[@class='fb_dialog_content']/iframe)[1]"))

driver.switchTo().frame(driver.findElement(By.xpath("//div[@class='fb_dialog_content']/iframe)[1]")));

Hàm .frame() nó sẽ chuyển hướng đến thẻ iframe mà mình lấy được thông qua element dạng locator (xpath, cssSelector, id, name,...)

+ Chuyển hướng về nội dung chính không thuộc thẻ iframe nào

driver.switchTo().parentFrame();​

package anhtester.com.bai13_alertpopupiframe;

import anhtester.com.SetupBrowser;
import org.openqa.selenium.By;
import org.testng.annotations.Test;

public class TestIFrame extends SetupBrowser {

    @Test
    public void testIFrame01() throws InterruptedException {

        driver.navigate().to("https://anhtester.com/contact");
        Thread.sleep(10000);
        System.out.println("iframe total: " + driver.findElements(By.tagName("iframe")).size());
        //----Switch to content of Messenger--------
        driver.switchTo().frame(0); //Thẻ iframe thứ nhất
        System.out.println(driver.findElement(By.tagName("strong")).getText());

        //----Switch to icon of Messenger---------

        //1. Switch to Parent WindowHandle
        driver.switchTo().parentFrame(); //Chuyển về nội dung chính không thuộc iframe nào

        //2. Switch to iframe icon of Messenger
        driver.switchTo().frame(1); //Thẻ iframe thứ hai
        driver.findElement(By.tagName("svg")).click(); //Nhấn icon để ẩn messenger chat đi

        Thread.sleep(2000);
    }

}