Selenium IDE อธิบายแบบภาษาบ้านๆเลยก็คือเครื่องมือที่ช่วยในการทำ Automated Test
เจ้าตัวนี้เกิดมาเพื่อเป็นเนื้อคู่กับ Web Application เลยทีเดียว การทำงานจะคล้ายๆกับพวกโปรแกรมออโต้เม้าส์ ออโต้คีย์บอร์ด
คือตัว Selenium IDE จะทำการบันทึกขั้นตอนว่าเราทำอะไรกับหน้าเว็บบ้าง แล้วเราก็สามารถเซฟเก็บไว้เพื่อเล่นซ้ำภายหลังได้
หรือจะ export ออกเป็น script ในภาษาอื่นๆก็ได้ เช่น Ruby Python Java C#
ที่บอกว่าคล้ายโปรแกรมออโต้เม้าส์ออโต้คีย์บอร์ด เพราะความเจ๋งของเจ้าตัวนี้ไม่ได้มีแค่ไว้บันทึกขั้นตอนเพื่อเล่นซ้ำ
แต่เราสามารถเขียนแก้ไข script เองได้ด้วย
วิธีติดตั้ง
Selenium IDE เป็น plugin ที่ทำงานบน browser firefox ถ้าไม่มี firefox ก็โหลดที่นี่ค่ะ
firefox
จากนั้นก็เปิด link นี้ด้วย firefox
http://docs.seleniumhq.org/download
ดูตรง Selenium IDE จะมีเวอชั่นล่าสุดให้โหลดอยู่
เมื่อกดโหลด firefox ขี้ฟ้องก็จะรีบแจ้นมาบอกเราทันที กดยอมไปตามสูตร
- f1.jpg (16.96 KiB) Viewed 7809 times
เสร็จแล้ว firefox ก็ดูจะยังคาใจ ถามย้ำอีกรอบ แน่นอนว่าต้องกดติดตั้งเดี๋ยวนี้
- f2.jpg (68.43 KiB) Viewed 7809 times
เสร็จขั้นตอนนี้ firefox จะทำการรีสตาร์ท 1 รอบ
แล้วก็จะปรากฎ Selenium IDE อยู่ที่มุมขวาบนของ firefox
กดเข้าไปก็จะได้หน้า Selenium IDE แบบนี้มา
- f3.jpg (77.36 KiB) Viewed 7809 times
เป็นอันเสร็จขั้นตอนติดตั้ง พร้อมใช้งานได้ละจ้า
วิธีใช้งาน
ในตัวอย่างนี้เราจะมาทดสอบการสมัครสมาชิกเว็บบอร์ด mindphp กันค่ะ
- อันดับแรก เปิด
https://www.mindphp.com/ ด้วยfirefox
แล้วก็เปิดตัว Selenium IDE ด้วยการจิ้มที่ชอตคัทมุมขวาบน
ปุ่มสีแดงมุมขวาบนในหน้าของ Selenium IDE คือปุ่ม record ใช้เริ่มและหยุดในปุ่มเดียว
ถ้าไม่ได้ไปตั้งค่าอะไรเพิ่มก็จะกด record มาให้อยู่แล้ว คือเปิดปุ๊บพร้อมใช้ปั๊บนั่นเอง
- คลิกทีเว็บบอร์ด -> สมัครสมาชิก -> ยอมรับเงื่อนไข
จะได้หน้าสมัครสมาชิกและในหน้า Selenium IDE จะมีข้อมูลตามนี้ (ถ้าคลิกตามที่บอก)
- f4.jpg (59.21 KiB) Viewed 7809 times
- กรอกข้อมูลเพื่อทดสอบกันเลย (ตรงภาษาไม่ต้องไปเลือกนะคะ )
กรอกครบหรือไม่ครบก็แล้วแต่ กดตั้งค่าเพื่อส่งฟอร์มการสมัครเป็นอันสิ้นสุดการทดสอบ
แล้วก็ไปดูใน Selenium IDE จะพบว่ามันบันทึกไว้หมดละเป็นอันใช้ได้ กดปุ่มสีแดงหยุดบันทึกแล้วก็กดปุ่ม play สีเขียวด้านบน มีสองปุ่ม เล่นซ้ำได้เหมือนกันแต่อันซ้ายจะไว้ใช้เล่นทั้งหมด(กรณีมีTest Caseหลายชุด) อันขวาจะเล่นซ้ำแค่ Test Case อันที่เลือกใช้อยู่ปัจจุบัน
- f5.jpg (125.26 KiB) Viewed 7809 times
กด play ปุ๊บบราวเซอร์เราก็จะทำงานเองอัตโนมัติคลิกนู่นนี่กรอกค่าโน่นนั่นเหมือนที่เราทำไว้เมื่อกี๊เป๊ะ
นอกจากนั้นเรายังสามารถแก้ไขหรือเขียนสคริปต์ลงไปเองได้ด้วยตรงช่อง command ด้านล่าง
การทำงานใช้แค่สามอย่างค่ะ
->Command(คำสั่ง จะให้ทำอะไร)
คำสั่งทั้งหมดที่ใช้ได้ตัวSelenium IDEมีมาให้อยู่แล้วค่ะ กดเลือกใช้ดูได้เลย
->Target (เป้าหมาย ทำที่ไหน)
ตรงส่วน Target นี้สามารถเลือกทางเข้าได้หลายแบบ ถ้ากดลูกศรลงจะมี target ที่ Selenium IDE แนะนำมาให้ หรือจะเขียนเองก็ได้ค่ะ
->Value (ค่าที่ต้องการใส่เข้าไปหรือนำออกมาขึ้นอยู่กับ command )