รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน


Software testing ความรู้ สำหรับ Tester ผู้ทดสอบ เป็นส่วนสำคัญในการ test โปรแกรม การ ทดสอบโปรแกรมมีความรู้แนะนำไว้ในหมวดนี้

Moderators: mindphp, ผู้ดูแลกระดาน

chbbk
PHP VIP Members
PHP VIP Members
Posts: 2971
Joined: 08/09/2014 10:34 am

รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน

Post by chbbk » 11/09/2014 7:25 pm

Selenium IDE อธิบายแบบภาษาบ้านๆเลยก็คือเครื่องมือที่ช่วยในการทำ Automated Test
เจ้าตัวนี้เกิดมาเพื่อเป็นเนื้อคู่กับ Web Application เลยทีเดียว การทำงานจะคล้ายๆกับพวกโปรแกรมออโต้เม้าส์ ออโต้คีย์บอร์ด
คือตัว Selenium IDE จะทำการบันทึกขั้นตอนว่าเราทำอะไรกับหน้าเว็บบ้าง แล้วเราก็สามารถเซฟเก็บไว้เพื่อเล่นซ้ำภายหลังได้
หรือจะ export ออกเป็น script ในภาษาอื่นๆก็ได้ เช่น Ruby Python Java C#
ที่บอกว่าคล้ายโปรแกรมออโต้เม้าส์ออโต้คีย์บอร์ด เพราะความเจ๋งของเจ้าตัวนี้ไม่ได้มีแค่ไว้บันทึกขั้นตอนเพื่อเล่นซ้ำ
แต่เราสามารถเขียนแก้ไข script เองได้ด้วย :lol:

วิธีติดตั้ง

Selenium IDE เป็น plugin ที่ทำงานบน browser firefox ถ้าไม่มี firefox ก็โหลดที่นี่ค่ะ firefox

จากนั้นก็เปิด link นี้ด้วย firefox
http://docs.seleniumhq.org/download

ดูตรง Selenium IDE จะมีเวอชั่นล่าสุดให้โหลดอยู่
เมื่อกดโหลด firefox ขี้ฟ้องก็จะรีบแจ้นมาบอกเราทันที กดยอมไปตามสูตร
รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน f1.jpg
f1.jpg (16.96 KiB) Viewed 3559 times
เสร็จแล้ว firefox ก็ดูจะยังคาใจ ถามย้ำอีกรอบ แน่นอนว่าต้องกดติดตั้งเดี๋ยวนี้
รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน f2.jpg
f2.jpg (68.43 KiB) Viewed 3559 times
เสร็จขั้นตอนนี้ firefox จะทำการรีสตาร์ท 1 รอบ
แล้วก็จะปรากฎ Selenium IDE อยู่ที่มุมขวาบนของ firefox
กดเข้าไปก็จะได้หน้า Selenium IDE แบบนี้มา
รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน f3.jpg
f3.jpg (77.36 KiB) Viewed 3559 times
เป็นอันเสร็จขั้นตอนติดตั้ง พร้อมใช้งานได้ละจ้า :-D

วิธีใช้งาน

ในตัวอย่างนี้เราจะมาทดสอบการสมัครสมาชิกเว็บบอร์ด mindphp กันค่ะ

- อันดับแรก เปิด https://www.mindphp.com/ ด้วยfirefox
แล้วก็เปิดตัว Selenium IDE ด้วยการจิ้มที่ชอตคัทมุมขวาบน
ปุ่มสีแดงมุมขวาบนในหน้าของ Selenium IDE คือปุ่ม record ใช้เริ่มและหยุดในปุ่มเดียว
ถ้าไม่ได้ไปตั้งค่าอะไรเพิ่มก็จะกด record มาให้อยู่แล้ว คือเปิดปุ๊บพร้อมใช้ปั๊บนั่นเอง

- คลิกทีเว็บบอร์ด -> สมัครสมาชิก -> ยอมรับเงื่อนไข
จะได้หน้าสมัครสมาชิกและในหน้า Selenium IDE จะมีข้อมูลตามนี้ (ถ้าคลิกตามที่บอก)
รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน f4.jpg
f4.jpg (59.21 KiB) Viewed 3559 times
- กรอกข้อมูลเพื่อทดสอบกันเลย (ตรงภาษาไม่ต้องไปเลือกนะคะ )
กรอกครบหรือไม่ครบก็แล้วแต่ กดตั้งค่าเพื่อส่งฟอร์มการสมัครเป็นอันสิ้นสุดการทดสอบ
แล้วก็ไปดูใน Selenium IDE จะพบว่ามันบันทึกไว้หมดละเป็นอันใช้ได้ กดปุ่มสีแดงหยุดบันทึกแล้วก็กดปุ่ม play สีเขียวด้านบน มีสองปุ่ม เล่นซ้ำได้เหมือนกันแต่อันซ้ายจะไว้ใช้เล่นทั้งหมด(กรณีมีTest Caseหลายชุด) อันขวาจะเล่นซ้ำแค่ Test Case อันที่เลือกใช้อยู่ปัจจุบัน
รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน f5.jpg
f5.jpg (125.26 KiB) Viewed 3559 times
กด play ปุ๊บบราวเซอร์เราก็จะทำงานเองอัตโนมัติคลิกนู่นนี่กรอกค่าโน่นนั่นเหมือนที่เราทำไว้เมื่อกี๊เป๊ะ

นอกจากนั้นเรายังสามารถแก้ไขหรือเขียนสคริปต์ลงไปเองได้ด้วยตรงช่อง command ด้านล่าง
การทำงานใช้แค่สามอย่างค่ะ
->Command(คำสั่ง จะให้ทำอะไร)
คำสั่งทั้งหมดที่ใช้ได้ตัวSelenium IDEมีมาให้อยู่แล้วค่ะ กดเลือกใช้ดูได้เลย
->Target (เป้าหมาย ทำที่ไหน)
ตรงส่วน Target นี้สามารถเลือกทางเข้าได้หลายแบบ ถ้ากดลูกศรลงจะมี target ที่ Selenium IDE แนะนำมาให้ หรือจะเขียนเองก็ได้ค่ะ
->Value (ค่าที่ต้องการใส่เข้าไปหรือนำออกมาขึ้นอยู่กับ command )
Trust me, I'm a Programmer

User avatar
Jom07
PHP Super Hero Member
PHP Super Hero Member
Posts: 514
Joined: 08/01/2018 9:56 am

Re: รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน

Post by Jom07 » 17/04/2018 6:49 pm

ก่อนจะติดตั้ง selenium Ide ต้องดาวเกด firefox เป็น 3.0 ก่อน

https://ftp.mozilla.org/pub/firefox/releases/
Image

User avatar
Jom07
PHP Super Hero Member
PHP Super Hero Member
Posts: 514
Joined: 08/01/2018 9:56 am

Re: รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน

Post by Jom07 » 18/04/2018 3:24 pm

วีดีโอการติดตั้ง selenium ide

https://drive.google.com/file/d/1YOt1Ch ... sp=sharing
Image

Post Reply

Return to “Software testing”

Users browsing this forum: No registered users and 4 guests