Finding Web Elements

[Jacobvu84]

Đây là bài tập bổ trợ cho những học sinh mới. Nội dung của những bài tập này nhắm luyện tập khả năng dùng các locator strategy

Exercise 1 - Locate an element by id Exercise 2 - Locate an element by name Exercise 3 - Locate an element by tag Exercise 4 - Locate an element by link text Exercise 5 - Locate an element by css Exercise 6 - Enter values into a text field Exercise 7 - Checkboxes Exercise 8 - Radio buttons

[Jacobvu84]

Exercise 1 - Locate an element by id

Dựa trên trang web này https://www.phptravels.net/ tìm tối thiểu 10 đối tượng theo id

Yêu cầu:

• Tạo một repository riêng tên là locating-element
• Mỗi một bài tập tạo package riêng để chứa bài tập đó. Ví dụ: org.selenium.element.by.id
• Trong package tương ứng tạo một class tên là WhenLocatingElementsByXXX ví dụ WhenLocatingElementsById
• Viết code cho bài tập được giao

Mong đợi bài code bài tập được giao sẽ như sau

    public static WebElement MESSAGE_NEWSLETTER;

    @Test
    public void find_newsletter_element_by_id() {

        MESSAGE_NEWSLETTER = driver.findElement(By.id("exampleInputEmail1"));

       // TODO: will do late
    }

[Jacobvu84]

Cách thức tiến hành tìm kiếm và kiểm tra dựa trên trình duyệt Chrome

• Mở Developer Tool bằng 1 trong 3 cách sau:
  • Click vào Hamberger button phía trên bên phải > More Tools > Developer Tools
  • Bấm phím F12
  • Click chuột phải lên đối tượng > Inspect

Kết quả mong muốn sẽ nhìn thấy

• Chọn lên tab có tên là Elements
• Gõ tổ hợp phím Ctrl + F ( windows) hoặc Command + F ( Mac)

Kết qủa mong đợi sẽ nhìn thấy

• Gõ id của đối tượng cần tìm kiếm. ví dụ partial-new-comment-form-actions

• Bạn sẽ thấy số lượng đối tượng được tìm thấy bên tay trái và đối tượng được tìm thấy sẽ hight mầu vàng

• Khi di chuyển chuột ( mouse over) lên vùng sáng màu vàng thì trên giao diện web sẽ higthlight đối tượng cần tìm

Để tránh nhầm lẫn vào sai xót trong quá trình điền loctor vào code. Nên copy từ Developer Tools.

P/S: Làm ơn check thật kỹ. Thầy mệt mỏi với việc ngồi dò tìm và check chính tả lắm rồi.

[Jacobvu84]

Quiz:

1. The findElement method is used to locate a specific element on a web page.

Phương thức The findElement được dùng để định vị một đối tượng cụ thể trên trang web ?

• True
• False

  2. By objects are __

  Đối tượng By là gì .......

• CSS selectors
• Xpath selectors
• Java objects that specify how to find an element on a page
• Objects that open the browser

3. What is a WebElement?

• The locator to find the element
• The Java object used to represent an element on a web page
• The actual element within the web page
• A web page

  4. If there are multiple elements on the web page that match the given locator, what does - - - findElement [singular] return?

• The first matching element in the DOM
• All matching elements in the DOM
• The last matching element in the DOM
• An exception

  5. If there are multiple elements on the web page that match the given locator, what does - - - findElements [plural] return?

• The first matching element in the DOM
• All matching elements in the DOM
• The last matching element in the DOM
• An exception

  6. What type of Java object has methods (such as click) that interact with elements on a web page?

• By
• WebElement
• WebDriver
• ChromeDriver

  7. To interact with web elements, WebDriver must find the element and then take action on the element.

• True
• False

  8. What happens if you use findElement to find an element that does not exist?

• findElement returns null
• findElement returns an empty list
• NoSuchElementException is thrown
• WebDriver skips it and continues running the program

Tham khảo:

• Nguồn Hướng dẫn học webdriver với java