Cú pháp Locator

Framework hỗ trợ nhiều cách chỉ định element:

CSS Selector

#username              → ID selector
.btn-primary           → Class selector
input[name='email']    → Attribute selector
table tr:nth-child(2)  → Pseudo-selector

Role-based (Playwright built-in)

button:Login           → Button với text "Login"
textbox:Mã người dùng  → Textbox với label "Mã người dùng"
cell:Hợp đồng gốc      → Cell với text "Hợp đồng gốc"
text:Nội dung cần tìm  → Element chứa text
label:Tên              → Label với text "Tên"

App-specific

#div_phu:Danh mục      → Text "Danh mục" trong container #div_phu

Ví dụ kết hợp

Để click button "Lưu" ở trong dialog:
  Locator: dialog >> button:Lưu
  (hoặc) div.modal-content button:Lưu

---

Hướng dẫn lấy Locator

Sử dụng Extension trên trình duyệt Chrome/Firefox/EDGE/CocCoc để thực hiện: https://github.com/NamBZ/playwright-locator-inspector-extension.

Phím tắt: Alt + L để bật tiện ích, ESC để thoát nhanh.

Cách lấy ID

Cách lấy locator cho filldata

Điền đầy đủ dòng id cho dataset

DataID	TRANG_THAI	KIEU_GCN	LOAI_KT
id	#ctl00_ContentPlaceHolder1_ttrang	#ctl00_ContentPlaceHolder1_KIEU_HD	#ctl00_ContentPlaceHolder1_KIEU_KT
row1	Đang soạn	G	D

Cách lấy locator cho fillgrid

Với dataset của fillgrid sẽ điền ColumnID thay vì điền ID (có #).

DataID	VaiTro	NhaBH	TyLe	PhiQL
id	KIEU	NHA_BH	pt	hh
row1	Follower	Công ty Bảo hiểm tài sản ABC	10	1