การเขียน xPath สำหรับใช้ในงาน automate [Serenium]

สวัสดีครับ วันนี้จะมาสอนการเขียน locator จาก xPath ด้วยวิธี gen กับ เขียนด้วยตัวเอง

โดยสำหรับบทความนี้ สิ่งที่เราต้องการเก็บคือ "ช่องกรอกสิ่งที่ต้องการค้นหา"

เริ่มจากการเปิดมาที่ https://www.google.co.th

แล้วให้กดปุ่ม F12 จะขึ้นหน้าต่างมาตามภาพ

กดที่ปุ่ม ในกรอบแดง แล้วชี้ไปยัง จุดที่เราต้องการเขียน Locator เมื่อคลิกเสร็จ หน้าต่างทางด้านขวาจะ Highlight ไปยังตำแหน่งของ element นั้นๆ

แล้วกดคลิกขวาที่ Element นั้นๆในหน้าต่างทางด้านขวา พร้อมเลือกไปที่ Copy -> Copy xPath

จะได้ //*[@id="lst-ib"] ออกมา ซึ่งสามารถนำไปใช้ได้เลย

หรือ หากต้องการเขียนเอง สิ่งที่ต้องรู้คือ tag และ attribute โดย attribute สามารถใช้ตัวไหนก็ได้ แต่ควรเป็น attribute ที่มีค่า unique เพื่อให้ตรงกับ element ที่เราต้องการ

โดย จาก element ที่เห็น tag คือ input และ attribute ที่จะเลือกคือ id เนื่องจากในปกติ id จะเป็นค่าเฉพาะที่ควรมีอันเดียว จะเขียนได้เป็น

//input[@id="lst-ib"] หรือจะเขียนด้วย attribute อื่นก็ได้ เช่น

//input[@name="q"] เป็นต้น

หากสามารถเขียน xPath เองได้ จะสามารถประยุกต์ใช้ได้มากกว่า การ copy หรือในบางกรณีที่ copy แล้วไม่สามารถใช้ได้ก็จะสามารถเขียนเองได้

สามารถศึกษาเพิ่มเติมได้ที่ https://www.w3schools.com/xml/xpath_intro.asp

ก็ขอจบบทความเพียงเท่านี้