Để tiếp nối phần 1 trong chuỗi bài về Kiểm thử tự động Selenium. Hôm nay chúng ta sẽ tìm hiểu 1 số hàm phức tạp hơn 1 chút.
Để chuẩn bị cho bài viết này bạn nên đọc phần 1 .
Bài hôm nay tôi sẽ demo trên một trang demo: https://selenium-training.herokuapp.com/ Hoặc bạn cũng có thể lấy 1 trang bất kỳ có chức năng login/ register để thực hành đều được nhé!
1. TextBox, Submit Button, sendkeys(), click()
Bài toán: Hãy tự động hóa cho chức năng login trên trang web của bạn
Phân tích: Chức năng login sẽ thường có 1 ô textbox nhập username, 1 ô nhập password, và 1 button Submit
Đầu tiên là bạn phải tìm kiếm được phần tử của các items trên
Thực hiện F12 (hoặc inspect element) => lấy điểm đặc trưng của phần tử đó
Đã tìm được phần tử cho từng items. Giờ code và chạy chương trình xem kết quả nào
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | package Package1; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; public class Login { public static void main(String[] args) throws InterruptedException{ System.setProperty("webdriver.chrome.driver", "C:\Users\pham.thi.thu.hang\Documents\Chrome driver\chromedriver_win32\chromedriver.exe"); WebDriver driver = new ChromeDriver(); String url = "https://selenium-training.herokuapp.com/login"; driver.get(url); // Lấy phần tử ô textbox username & truyền giá trị WebElement username = driver.findElement(By.name("session[email]")); username.sendKeys("<a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a>"); // Lấy phần tử ô textbox password & truyền giá trị WebElement password = driver.findElement(By.name("session[password]")); password.sendKeys("12345678"); // Submit button WebElement btnSubmit = driver.findElement(By.name("commit")); btnSubmit.submit(); // Kiểm tra kết quả String expectResult = "Hằng | Ruby on Rails Tutorial Sample App"; if (driver.getTitle().contentEquals(expectResult)) { System.out.print("Test Passed!"); } else { System.out.print("Test Failed!"); } driver.close(); } } |
Kết quả như ảnh dưới,
Như trên bạn thấy tôi đã dùng hàm sendKeys() để truyền dữ liệu vào phần tử cần nhập và dùng hàm submit() để submit form Login
Vậy trong bài này ta sẽ lưu ý một số hàm thường dùng như sau:
| Element | Command | Mô tả |
|---|---|---|
| Input Box | sendKeys() | được sử dụng để truyền dữ liệu vào text boxes |
| Input Box | clear() | xóa giá trị hiện tại của text boxes |
| Links | click() | Nhấp vào liên kết để tải trang |
| Submit Button | submit() | Submit form, submit button |
2. Select CheckBox, Radio Button và Image
Đối với items CheckBox, Radio Button và Image cũng tương tự như button. Tôi sẽ sử dụng hàm click() để chọn giá trị
- Select CheckBox, Radio Button
Khi code sẽ dùng hàm click() để chọn giá trị
1 2 3 | WebElement radioButton = driver.findElement(By.name("session[remember_me]")); radioButton.click(); |
- Image
Sử dụng hàm click() để đi đến link có trong ảnh
1 2 3 | WebElement imageLink = driver.findElement(By.cssSelector("img[alt="Rails logo"]")); imageLink.click(); |
3. Select value from Dropdown
Để chọn giá trị trong ô Dropdown đầu tiên vẫn cần lấy phần tử của ô cần chọn
Để chọn được giá trị trong ô Dropdown đầu tiên ta phải import thêm thư viện
import org.openqa.selenium.support.ui.Select;
Sau đó khởi tạo 1 biến Select để chọn đến Dropdown đó
Select language = new Select(driver.findElement(By.name("user[language]")));
Cuối cùng là chọn giá trị cần chọn
language.selectByVisibleText("English");
Ngoài hàm selectByVisibleText ta có thể dùng 1 số hàm khác để lấy giá trị qua index, id, value… cụ thể như sau:
| Element | Command | Description |
|---|---|---|
| Drop-Down Box | selectByVisibleText()/ deselectByVisibleText() | lựa chọn/ bỏ chọn một option thông qua text hiển thị |
| selectByValue()/ deselectByValue() | lựa chọn / bỏ chọn một option theo giá trị của thuộc tính “value” | |
| selectByIndex()/ deselectByIndex() | lựa chọn/ hủy bỏ một option theo thứ tự Index | |
| isMultiple() | trả về giá trị TRUE nếu phần tử Dropdown cho phép nhiều option cùng một lúc; FAILSE nếu không thể chọn nhiều option 1 lúc | |
| deselectAll() | Bỏ tất cả các tùy chọn đã chọn trước đó |
Trên đây là cách truyền và chọn giá trị ở các items thường dùng. Trong quá trình thực hành bạn nên làm nhiều để thuần thục và nâng cáo skill hơn. Hy vọng bài viết này sẽ giúp ích được cho bạn đọc.
Tham khảo:
https://www.guru99.com/accessing-forms-in-webdriver.html