Bài đăng

XPath with Selenium WebDriver and simple login testscript - Part 2

Hình ảnh
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, te

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.

CSS Selector with Selenium WebDriver and simple login testscript

Hình ảnh
Bài viết trước mình đã giới thiệu qua về Element, các loại Element Locator và 1 testscript login đơn giản với việc định vị phần tử sử dụng ID_  Link Ở bài viết này, mình sẽ tìm hiểu về CSS Selector trong phạm vi những gì liên quan đến việc sử dụng nó với Selenium Webdriver và thực hành nó vào testscript login của mình. Những kiến thức mình viết, nếu có sai sót ở đâu, mong nhận được sự góp ý từ các bạn. 1. CSS Selector 1.1 CSS Selector là gì? CSS Selector là 1 loại định vị phần tử( Element locator). 1.2 CSS Selector dùng khi nào? CSS Selector được dùng khi một Automation tester muốn xác định 1 phần tử trên trang HTML mà họ muốn tác động tới phần tử ấy. Ví dụ khi bạn viết một testscript login với giao diện như hình dưới. Bạn muốn xác định phần tử "Emai/ Số điện thoại" trên giao diện đăng nhập ở trên, bạn có thể sử dụng CSS Selector. 1.3 CSS Selector tại sao dùng? Vẫn là giao diện đó Nếu như bạn muốn kiểm tra dòng "BẠN ĐÃ CÓ TÀI KHOẢN" có đúng v