Selenium (ซิลิเนี่ยม) เป็น Software Testing Framework (ซอฟแวร์ เทสติ้ง เฟรมเวิร์ค) ที่มีประสิทธิภาพดีตัวหนึ่งในปัจจุบัน ซึ่งเอาไว้ใช้สำหรับทำ Automated Testing (ออโต้เมท เทสติ้ง) หรือพูดง่ายๆคือเราสามารถควบคุมหน้าเว็บได้โดยการเขียนโปรแกรม ซึ่งในภาษาไพทอนได้มีโมดูล Selenium (ซิลิเนียม) รองรับแล้ว อีกทั้งยังสามารถรันได้ในหลายๆระบบปฏิบัติการเช่น วินโดวส์ ลินุกซ์ แต่ในการทำงานเราจำเป็นจะต้องรู้วิธีในการหาเส้นทางต่างๆ เพื่อหาเข้าถึง element แต่ละตัวได้ ซึ่งในบทความนี้เราจะมาพูดถึงการหา CSS selectors กัน
CSS selectors (ซีเอสเอส ซีเล็คเตอร์) คืออะไร
CSS selectors หรือ ตัวเลือก CSS เป็นส่วนแรกของกฎ CSS เป็นรูปแบบขององค์ประกอบและ elements ที่บอกเบราว์เซอร์ว่าควรเลือกองค์ประกอบ HTML ใดเพื่อให้มีการใช้ค่าคุณสมบัติ CSS ภายในกฎ องค์ประกอบที่ตัวเลือกเลือกจะเรียกว่า selectors ซึ่ง CSS เป็นภาษาเฉพาะ และถูกกำหนดมาตรฐานโดย W3C ใช้สำหรับตกแต่งเอกสาร HTML/XHTML ให้มีหน้าตา สีสัน ตัวอักษร พื้นหลีง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น <body>,<p>,<h1> เป็นต้น
การหา CSS selectors
ขั้นตอนที่ 1 คลิ๊กขวาบนพื้นที่ที่เราต้องการจะหา selectors จากนั้น คลิ๊กที่ inspect หรือกด Ctrl + Shift + I
ค้นหาโครงสร้าง
ขั้นตอนที่ 2 จะปรากฏแถบโครงสร้างขึ้นมา ให้เราทำการคลิ๊กขวาในแถบที่ถูกไฮไลท์เอาไว้จากทำการ copy และเลือกที่ Copy selector
คัดลอกเส้นทาง
เท่านี้ก็เป็นการคัดเส้นทางมาแล้ววิธีใช้ก็แค่นำไปวาง Ctrl+V บนโปรแกรมที่เราจะทำงาน เพียงเท่านี้เราก็สามารถคัดลอกเส้นทาง CSS selectors ไปใช้งานได้แล้วนับว่าง่ายมากเลยทีเดียว ซึ่งนอกจาก CSS selectors แล้ว ก็ยังสามารถใช้เส้นทางเอกซ์พาทได้ด้วย วิธีในการค้นหาก็จะคล้ายๆ สามารถดูเพิ่มเติมได้ที่ การหา X path (เอกซ์พาท) ง่ายๆเพื่อนำไปใช้กับโมดูล Selenium (ซิลิเนี่ยม)