มารู้จัก Web Element Locator กัน

ทำไม Tester ต้องรู้จัก Web Element Locator ก็เพราะว่าทุกสิ่งทุกอย่างที่ทุกคนเห็นบนหน้าเว็บ มันคือ Web Element และ Robot Framework ก็รู้จัก หน้าเว็บจาก  Element Locator ที่เหล่า Tester กำหนดให้ในแต่ละ Test script นั่นเองค่ะ ดังนั้น Tester ควรจะต้องรู้จัก Element Locator และวิธีการใช้งานค่ะ

ตัวอย่าง Locator ของ Selenium library ดังรูป

Element Locator มีหลายประเภท ดังนี้
1. Id
Element ที่มีการกำหนด id ไว้ ซึ่งเราควรจะเลือกใช้ locator นี้ค่ะ มีความเสถียรมากสุด เพราะถึงแม้ว่าจะมีการเปลี่ยนย้ายตำแหน่งของ Element นี้ จะไม่กระทบ Test script ของเราเลยค่ะ
ตัวอย่าง locator ::  id=u_0_n;

2. Name
Element ที่มีการกำหนด name  ไว้
ตัวอย่าง locator ::  name=lastname

3. Css Selector
Css เอาไว้กำหนด style รูปแบบของ element นั้นๆ
ตัวอย่าง locator :: css=input#u_0_s 

4. XPath
XPath คืือ เป็นเส้นทางการเข้าถึงโครงสร้างภายในส่วนต่างๆของ Web
ตัวอย่าง locator :: xpath=//*[@id=”u_0_z”]

*เพื่อ performance ของการทดสอบที่ดี ขอแนะนำว่า เราควรจะใช้ locator ลำดับที่ 1 จนถึง 4 ตามลำดับเลยจ้า

ID –> NAME –> CSS –> XPATH

ตัวอย่าง Test Script ที่ใช้ Element Locator รูปแบบต่างๆ

วิธีการหา Element Locator

หากเราต้องการหา Locator  ในหน้า Web สามารถทำได้ง่ายมากๆ ดังนี้

  1. Open website ที่ต้องการจะทดสอบขึ้นมา
  2. เอาเมาส์ไปจิ้ม ตรง Element ที่ต้องการ
  3. กดปุ่ม F12

เท่านี้เราก็เริ่มเขียน Test script โดยใช้ Locator เพื่อทดสอบ Web site กันได้แล้วค่ะ