XÁC ĐỊNH VỊ TRÍ ELEMENT VỚI AUTOMATION TEST

XÁC ĐỊNH VỊ TRÍ ELEMENT VỚI AUTOMATION TEST

khi làm automation test, việc xác định đúng vị trí chính xác một element trên giao diện là bắt buộc trước khi tạo và chạy kịch bản test tự động. trong bài viết này, hybrid technologies sẽ chia sẻ đến các bạn kinh nghiệm xác định vị trí element trên giao diện gồm: giao diện website và giao diện phần mềm trên mobile.

element là gì?

trên giao diện, element có thể là: textbox, nút button, check box, radio button… mỗi element này có các thuộc tính: id, name, css… do lập trình viên đặt tên, tùy từng website hoặc phần mềm mobile có giá trị các thuộc tính sẽ khác nhau. 

Quý khách đang xem: XÁC ĐỊNH VỊ TRÍ ELEMENT VỚI AUTOMATION TEST

Điều quan trọng, vị trí các element này phải được xác định duy nhất trên giao diện. 

ví dụ: id có những mã id tự gien, element không có thuộc tính name, element có thuộc tính css nhưng css này được dùng cho cả nhiều element khác nữa trên cùng giao diện. do đó, những trường hợp element này sẽ không thể xác định được vị trí. 

chính vì vậy, xpath được ra đời để giúp chúng ta xác định được đúng vị trí element. Đồng thời, xpath giải quyết được các vấn đề này mà chúng ta đang gặp phải trong quá trình xác định vị trí một element trên giao diện.

xpath là gì?

xpath là một trong 3 thành phần trong ngôn ngữ xsl – extensible style language. Đó là ngôn ngữ hỗ trợ tìm kiếm thông tin trong tài liệu xml, sử dụng biểu thức xpath để định hướng tìm kiếm dữ liệu trên xml thay vì phải thực hiện tìm kiếm đệ quy để duyệt cây xml. xpath được sử dụng để tìm vị trí bất kỳ phần tử trên web sử dụng cấu trúc html – dom. xpath chứa đường dẫn của phần tử nằm trên trang web.

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • xsl transformation (xslt): là một ngôn ngữ dạng xml dùng để chuyển đổi xml thành định dạng khác như html
  • xml path language (x-path): là một ngôn ngữ dùng để truy xuất các thành phần trong xml
  • xsl formatting object (xsl-fo): là ngôn ngữ dùng để định dạng xml

xÁc ĐỊnh vỊ trÍ element vỚi automation test

mô hình html dom (document object model)

xÁc ĐỊnh vỊ trÍ element vỚi automation test

xpath định nghĩa 7 loại nodes theo cấu trúc của xml theo mô hình dưới đây:

Xem nhiều hơn: Phụ lục II-1 kèm theo Thông tư 02/2019/BKHĐT sửa đổi, bổ sung Thông tư 20/2015/BKHĐT

xÁc ĐỊnh vỊ trÍ element vỚi automation test

cú pháp tiêu chuẩn để tạo xpath:

xÁc ĐỊnh vỊ trÍ element vỚi automation test

cú pháp tiêu chuẩn để tạo xpath sử dụng ký hiệu xác định node 

xÁc ĐỊnh vỊ trÍ element vỚi automation test

các thuộc tính trong cấu trúc xpath của 1 phần tử cần tìm

xác định xpath từ chủ đạo đến nâng cao

1. xpath chủ yếu

xÁc ĐỊnh vỊ trÍ element vỚi automation test

2. xpath dạng nâng cao

xÁc ĐỊnh vỊ trÍ element vỚi automation test

xÁc ĐỊnh vỊ trÍ element vỚi automation test

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng contains

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng or

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng and

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng function start-with

xÁc ĐỊnh vỊ trÍ element vỚi automation test

Xem nhiều hơn: 10 cụm từ và từ lóng thú vị trong tiếng Anh – EIV Education

  • sử dụng function: text()

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: following

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: ancestor

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: child

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: preceding

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: following-sibling

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: parent

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: self

xÁc ĐỊnh vỊ trÍ element vỚi automation test

  • sử dụng thông qua phương thức axes: descendant

xÁc ĐỊnh vỊ trÍ element vỚi automation test

 

hy vọng bài viết này sẽ giúp ích cho công việc của các bạn và đừng ngần ngại comment phía dưới để cùng trao đổi với chúng mình nhé!

nguồn tham khảo:

  • blog của tác giả kieutrongthanh: http://kieutrongkhanh.net/index.php/xml-a-java/89-gii-thiu-v-xpath
  • trang web guru99: xpath in selenium => https://www.guru99.com/xpath-selenium.html
  • trang web toolsqa => http://toolsqa.com/selenium-webdriver/xpath-helper/
  • trang web code5s => http://code5s.com/xml/xsl-v-xslt.html

xÁc ĐỊnh vỊ trÍ element vỚi automation test

5 (100%) 1 vote

Nguồn gốc: https://danhgiaaz.com
danh mục: Hỏi đáp

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *