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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: รู้จักกับ Selenium IDE วิธีติดตั้ง-ใช้งาน

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

โดย mindphp » 19/09/2020 4:37 pm

ล่าสุด IED เวอร์ชั่น 3.141.59 และ Alpha 4

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

โดย Jom07 » 18/04/2018 3:24 pm

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



https://youtu.be/uQQS1zAwt8s

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

โดย Jom07 » 17/04/2018 6:49 pm

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

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

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

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

วิธีใช้งาน

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

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

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

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

ข้างบน