Chúng ta có thể sử dụng Selenium WebDriver để xử lý Dropdown list vì nó hỗ trợ kiểm tra các giá trị của DropDown list bằng cách sử dụng lớp Select. Đầu tiên chúng ta tạo ra một trang HTML bao gồm nhiều thành phần web cơ bản như :
Ví dụ như hình dưới đây :
Google
|
Red
Green
Yellow
Grey
|
Apple
Orange
Mango
Lime
|
Select
Elephant
Mouse
Dog
|
|
Click the button to display a confirm box. Try it function myFunction[] { confirm["Press a button!"]; } |
Có thể sử dụng lại project đã tạo ở các bài trước để tiếp tục phần này.
Bước 1: Tạo 1 class java mới tên là “HandlingDropDown” bên trong “Learning_Selenium” project. Tạo 1 class java mới tên là “HandlingDropDown” bên trong “Learning_Selenium” project.
Bước 2: Copy và paste đoạn code dưới đây vào “HandlingDropDown.java” class. Đây là đoạn mã tương đương với kịch bản được đề cập ở trên: Copy và paste đoạn code dưới đây vào “HandlingDropDown.java” class. Đây là đoạn mã tương đương với kịch bản được đề cập ở trên:
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
Import Statements
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
Select để yêu cầu xử lý dropdown.Khởi tạo đối tượng cho class Select
Select selectByValue = new Select[driver.findElement[By.id[“SelectID_One”]]];
Chúng ta tạo một biến tham chiếu cho lớp Select có tên là
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
Mã định danh hoặc giá trị định vị cho dropdown có thể được tìm thấy bằng cách sử dụng các kỹ thuật tìm kiếm ở các bài trước đây [sử dụng Selenium IDE và firebug].
Cách tìm mã định danh cho 1 dropdown list :
Hầu hết tất cả các thành phần dropdown list được nằm trong cặp thẻ ... , list option bên trong gồm nhiều giá trị [tạo thành 1 tập danh sách các giá trị xổ xuống], mỗi 1 giá trị/option được đặt trong cặp thẻ ... [Hình dưới đây].
Cách 1 : Sử dụng method
6 để thiết lập giá trị cho dropdownimport static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
selectByValue.selectByValue[“greenvalue”];
Trong câu lệnh trên, chúng ta chọn giá trị "green" trong dropdown list bằng cách sử dụng phương thức
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
Đây là cách chọn option dựa vào giá trị của thuộc tính
import static org.junit.Assert.*;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
/**
* class description
*/
public class HandlingDropDown {
WebDriver driver;
/**
* Set up browser settings and open the application
*/
@Before
public void setUp[] {
driver=new FirefoxDriver[];
// Opened the application
driver.get["file:///F:/Work/Blogs/testingstuff/DemoWebAlert.html"];
driver.manage[].window[].maximize[];
}
/**
* Test to select the dropdown values
* @throws InterruptedException
*/
@Test
public void testSelectFunctionality[] throws InterruptedException {
// Go to google
driver.findElement[By.linkText["Google"]].click[];
// navigate back to previous webpage
driver.navigate[].back[];
Thread.sleep[5000];
// select the first operator using "select by value"
Select selectByValue = new Select[driver.findElement[By.id["SelectID_One"]]];
selectByValue.selectByValue["greenvalue"];
Thread.sleep[5000];
// select the second dropdown using "select by visible text"
Select selectByVisibleText = new Select [driver.findElement[By.id["SelectID_Two"]]];
selectByVisibleText.selectByVisibleText["Lime"];
Thread.sleep[5000];
// select the third dropdown using "select by index"
Select selectByIndex = new Select[driver.findElement[By.id["SelectID_Three"]]];
selectByIndex.selectByIndex[2];
Thread.sleep[5000];
}
/**
* Tear down the setup after test completes
*/
@After
public void tearDown[] {
driver.quit[];
}
}
Cách 2 : Sử dụng method
0 để thiết lập giá trị cho dropdownSelect selectByValue = new Select[driver.findElement[By.id[“SelectID_One”]]];
selectByValue.selectByVisibleText[“Lime”];
Trong câu lệnh trên, chúng ta chọn giá trị “Lime” trong dropdown list thứ hai bằng cách sử dụng phương thức
Select selectByValue = new Select[driver.findElement[By.id[“SelectID_One”]]];
Cách 3 : Sử dụng method
2 để thiết lập giá trị cho dropdownSelect selectByValue = new Select[driver.findElement[By.id[“SelectID_One”]]];
selectByValue.selectByIndex[“2”];
Trong câu lệnh trên, chúng ta chọn option thứ 3 trong dropdown list bằng cách sử dụng phương thức
Select selectByValue = new Select[driver.findElement[By.id[“SelectID_One”]]];
Trên đây là những kiến thức cơ bản về xử lý dropdown được dịch từ bài : //www.softwaretestinghelp.com/selenium-select-class-selenium-tutorial-13/
Ngoài ra thực tế, dropdown còn được chia làm Drop down list tĩnh với Drop down list động, và cách xử lý với từng loại bạn có thể tham khảo ở bài dưới đây :