Chứa văn bản css
|
Bài viết này sẽ thảo luận và mô tả, với các ví dụ, cách một người có thể sử dụng bộ chọn CSS trong tập lệnh kiểm tra Selenium để xác định các thành phần web. Nó cũng sẽ mô tả cú pháp của bộ chọn CSS trong Selenium
Show
Bạn nên hiểu sâu hơn về các bộ định vị trong Selenium trước khi thu hẹp nó xuống các bộ chọn CSS nói riêng Bộ chọn CSS là gì?Bộ chọn CSS kết hợp bộ chọn phần tử và giá trị bộ chọn có thể xác định các phần tử cụ thể trên trang web. Giống như XPath trong Selenium, bộ chọn CSS có thể định vị các phần tử web mà không cần ID, lớp hoặc Tên cũng đọc. Bộ chọn CSS nhanh Cheat Sheet Các loại bộ chọn CSS (có ví dụ)Có năm loại Bộ chọn CSS trong các bài kiểm tra Selenium
1. TÔITrong ví dụ này, tập lệnh sẽ truy cập hộp văn bản Email trên biểu mẫu đăng nhập tại Gmail. com Hộp văn bản mang thuộc tính ID có giá trị “Email”. Trong trường hợp này, thuộc tính ID và giá trị của nó được sử dụng để tạo bộ chọn CSS cho phép truy cập vào hộp văn bản Cách tạo Bộ chọn CSS Selenium cho phần tử web Xác định vị trí phần tử web – Hộp văn bản email. Thẻ HTML ở đây là “đầu vào” và giá trị của thuộc tính ID là “Email”. Kết hợp lại, chúng đề cập đến hộp văn bản Email. Đây là dữ liệu cần thiết để tạo bộ chọn CSS nguồn hình ảnh Xác minh giá trị định vị Nhập “css=input#Email”(giá trị định vị) trong Selenium IDE. Bấm vào nút Tìm. Hộp văn bản Email được tô sáng, xác minh giá trị định vị nguồn hình ảnh cú pháp css= |