XPath with Selenium WebDriver and simple login testscript - Part 2

Bài viết lần này, mình và các bạn sẽ cùng tìm hiểu tiếp các cách xác định phần tử bằng XPath và cách sử dụng chúng. Ngoài ra, bài viết này mình cũng sẽ viết chương trình login với trang web Kidsplaza sử dụng Xpath trong việc xác định đối tượng UI.
2.9 Text()
Cú pháp: //*[@text()='value']
Bạn có thể xác định bất kỳ thẻ nào chứa nội dung text mà bạn muốn. Chương trình tương ứng:
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("//*[@text='KHÁCH HÀNG MỚI']"));
Kết quả trả về sẽ là thẻ h3
2.10 Last()
Cú pháp: (//input[@type()='value'])[last()]
Cho phép định vị thẻ input cuối cùng trên một trang HTML và phải có kiểu input là giá trị mà người dùng mong muốn.
Value ở đây có thể là: text, password, submit, radio, checkbox, button,các kiểu input mà HTML5 thêm vào( color, date, datetime, datetime-local, email, month, week, number, range, search, tel, time, url). Chương trình tương ứng
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("(//input[@type='text'])[last()]"));
2.11 Position()
Cú pháp: (//input[@type='value'])[position()=number] hoặc (//input[@type='value'])[number]
Cho phép định vị thẻ input thứ bao nhiêu trên một trang HTML và có kiểu input là giá trị mà người dùng mong muốn.
Value ở đây có thể là: text, password, submit, radio, checkbox, button,các kiểu input mà HTML5 thêm vào( color, date, datetime, datetime-local, email, month, week, number, range, search, tel, time, url). Chương trình tương ứng
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("(//input[@type='text'])[4]"));
//hoặc
// driver.findElement(By.xpath("(//input[@type='text'])[position()=4]"));
Kết quả trả về thẻ input "Địa chỉ email".
2.12 Index()
Cho phép định vị thẻ theo index của thẻ.
Cú pháp: //<tag name>[number] Chương trình tương ứng
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("(//section//section//div//div//div[2]"));
2.13 Following xpath axes
Cú pháp: //<tag name>[@attribute=value]/following::<tag name>
Cho phép định vị các thẻ sau thẻ hiện tại.
Ví dụ thẻ div được tính là thẻ hiện tại, tìm thẻ input sau nó. Chương trình tương ứng
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("//div[@class='input-box']/following::input[@type='password']"));
2.14 Preceding xpath axes
Cú pháp: //<tag name>[@attribute=value]//preceding::<tag name>
Cho phép định vị các thẻ trước thẻ hiện tại.
Ví dụ thẻ input là thẻ hiện tại, tìm thẻ div trước nóChương trình tương ứng
WebDriver driver = new ChromeDriver();
driver.get("https://www.kidsplaza.vn/customer/account/login/");
driver.findElement(By.xpath("//input[@id='pass']//precending::div[@class='input-box']"));

3. Testscript đăng nhập

Bước chuẩn bị:
Chương trình của mình sẽ viết 1 test case đăng nhập thành công. Mình nhập đủ và đúng thông tin email và mật khẩu sau đó click button Đăng nhập trên trang đăng ký của Kidsplaza.
Bạn cần lấy được Xpath cho các nội dung "Email/Số điện thoại", "Mật khẩu", "Đăng nhập" và đoạn text "Trịnh Thi Phương _" cho trường hợp đăng nhập thành công
Và đây là kết quả khi mình lấy Xpath cho:
Ô nhập liệu "Email/ Số điện thoại" --> //*[@id='email']
Ô nhập liệu "Mật khẩu" --> //*[@id='pass']
Nút "Đăng nhập" --> //*[@id='send2']
Dòng "Trịnh Thi Phương _" --> //*[text()='Trịnh Thi Phương _']

3.1 Chương trình

package PackageTwo;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class LocatingUIElementXPath_Login {
 private static WebDriver driver;
 
 public static void initializeWebDriver(){
  System.setProperty("webdriver.chrome.driver", "E:\\Java udemy\\AUTOMATION TESTING\\chromedriver_win32\\chromedriver.exe");
  driver = new ChromeDriver();
  driver.get("https://www.kidsplaza.vn/customer/account/login/");
  
  driver.findElement(By.xpath("//*[@id='location_dialog_container']/div/div/div/ul/li[1]/a")).click();
 }
 
 public static void loginSuccessfully(){
  driver.findElement(By.xpath("//*[@id='email']")).sendKeys("trinhphuong1112@gmail.com");;
  driver.findElement(By.xpath("//*[@id='pass']")).sendKeys("p0969232046");;
  driver.findElement(By.xpath("//*[@id='send2']")).click();
  
  WebElement customerName = driver.findElement(By.xpath("//*[text()='Trịnh Thi Phương _']"));
  if(customerName != null){
   System.out.println("Login successfully");
  }
  else{
   System.out.println("Login failed");
  }
  
 }
 
 public static void main(String[] args) {
  initializeWebDriver();
  loginSuccessfully();
 }
}

3.2 Giải thích chương trình

package PackageTwo;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class LocatingUIElementXPath_Login {
 private static WebDriver driver;
 
 public static void initializeWebDriver(){
  System.setProperty("webdriver.chrome.driver", "E:\\Java udemy\\AUTOMATION TESTING\\chromedriver_win32\\chromedriver.exe");
  driver = new ChromeDriver();
  driver.get("https://www.kidsplaza.vn/customer/account/login/");
  
  //Xác định nút nội dung khu vực hiện lên khi vào trang đăng nhập và click vào nút đó
  driver.findElement(By.xpath("//*[@id='location_dialog_container']/div/div/div/ul/li[1]/a")).click();
 }
 
 public static void loginSuccessfully(){
  //Xác định ô nhập liệu "Email/ Số điện thoại" và tự động điền nội dung trinhphuong1112@gmai.com
  driver.findElement(By.xpath("//*[@id='email']")).sendKeys("trinhphuong1112@gmail.com");
  
  //Xác định ô nhập liệu "Mật khẩu" và tự động điền nội dung p0969232046
  driver.findElement(By.xpath("//*[@id='pass']")).sendKeys("p0969232046");
  
  //Xác định nút "Đăng nhập" và click vào nút đó
  driver.findElement(By.xpath("//*[@id='send2']")).click();
  
  //Xác định dòng text tên tài khoản khi đăng nhập thành công
  WebElement customerName = driver.findElement(By.xpath("//*[text()='Trịnh Thi Phương _']"));
  
  if(customerName != null){
   System.out.println("Login successfully");
   //Nếu xuất hiện bất kỳ dòng thông tin nào có nội dung "Trịnh Thi Phương _" 
   //thì đăng nhập thành công và in ra console "Login successfully"
  }
  else{
   System.out.println("Login failed");
   //Ngược lại
  }
  
 }
 
 public static void main(String[] args) {
  initializeWebDriver();
  loginSuccessfully();
 }
}
Tài liệu tham khảo:
Cảm ơn các bạn đã theo dõi bài viết của mình!

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Cách thêm lệnh tự định nghĩa bởi người dùng trong Selenium IDE

Hình ảnh
1. Tại sao cần thêm lệnh tùy chọn của người dùng trong Selenium IDE Command : Tập các thao tác thực hiện đối với trang web đang test. Ví dụ: type, click,…  Target: Vị trí của các phần tử trên trang web  Value: Giá trị của phần tử trên trang web hoặc giá trị mà bạn muốn nhập vào. Các lệnh hay hành động( command) trong Selenium IDE được hỗ trợ rất nhiều. Các lệnh chủ yếu gặp thường là Open, click, type, verify, wait …  Đối với hành động Type nó chỉ mang ý nghĩa là việc nhập vào nội dung và nội dung này có thể là bất cứ ký tự chữ, chữ số, ký tự đặc biệt nào. Tuy nhiên khi người dùng muốn xây dựng 1 test case về việc kiểm tra một nội dung có điều kiện nào đó hoặc phục vụ mục đích riêng của người dùng thì họ cần phải tự xây dựng 1 hành động( lệnh) của riêng mình. Điều đó dẫn tới việc làm sao để tự xây dựng lệnh tùy chọn trong Selenium IDE mà người dùng muốn sử dụng.  Bài viết này sẽ hướng dẫn cách thêm 1 hành động tự định nghĩa bởi người dùng trong Selenium IDE. 2. Cách thêm
Đọc thêm

XPath with Selenium WebDriver and simple login testscript - Part 1

Hình ảnh
Bài viết trước, mình đã trình bày về CSS Selector là gì, dùng khi nào, tại sao dùng và dùng như thế nào. Lý do dùng và thời điểm dùng XPath khá giống với CSS Selector nên mình sẽ không viết lại ở bài viết này mà đi thẳng luôn vào cách xác định phần tử bằng Xpath. Đây là phần 1 nên mình sẽ cùng các bạn tìm hiểu 8 cách xác định phần tử bằng Xpath và cách lấy Xpath đơn giản trên trình duyệt Chrome. 1. Các cách xác định phần tử bằng Xpath Single Slash Double Slash Single Attribute Multiple Attribute AND OR Contains() Starts_with() Text() Last() Position() Index() Following xpath axes Preceding xpath axes 2. Cách sử dụng 2.1. Single Slash Hay còn biết đến là XPath tuyệt đối. Nó cho phép bạn định vị một đối tượng UI theo đường dẫn tuyệt đối đến đối tượng đó. Cú pháp :  html/body/tagname/tagname/tagname/... Chương trình tương ứng WebDriver driver = new ChromeDriver(); driver.get("https://www.kidsplaza.vn/customer/account/login/"); driver.findElement(By.
Đọc thêm

Trải nghiệm đầu tiên với Selenium Webdriver

Hình ảnh
Tiếp nối các bài viết trước đây về Selenium nói chung và Selenium Web Driver nói riêng, mình sẽ trình bày trải nghiệm đầu tiên với Selenium WebDriver.  1. Ví dụ cơ bản đầu tiên với Selenium Web Driver 2. Giải thích các lệnh package Demo; import org.openqa.selenium.WebDriver; import org.openqa.selenium.firefox.FirefoxDriver; public class DemoTestCase { public static void main(String[] args) { //Khởi tạo 1 đối tượng. Hiểu đơn giản là tạo mới/ mở 1 trình duyệt Firefox WebDriver firstDemo = new FirefoxDriver(); /* Hàm get() trả về kết quả của tham số được truyền vào. Ở đây tham số được truyền vào là link trang web mà người dùng muốn chương trình trả về.*/ firstDemo.get("https://go.chatwork.com/vi/"); } } Kết quả chạy: Video minh họa:  https://trinhphuong1112-gmail.tinytake.com/sf/MjA0NzA4MF82NDUxOTU3 3. Tại sao chương trình lại lỗi? Nếu phiên bản Selenium Web Driver mà bạn đã và đang sử dụng là version từ 3.0 trở lên thì bạn cần cài đặt thêm Geck
Đọc thêm