วิธีดาวน์โหลดและติดตั้ง Selenium IDE สำหรับ Firefox & โครเมียม

ในบทช่วยสอนนี้ เราจะได้เรียนรู้วิธีการดาวน์โหลดและติดตั้ง Selenium IDE สำหรับ Firefox และ Google Chrome

วิธีการติดตั้ง Selenium IDE สำหรับ Firefox

ด้านล่างนี้เป็นกระบวนการทีละขั้นตอนเกี่ยวกับวิธีการดาวน์โหลดและติดตั้ง Selenium IDE สำหรับ Firefox:

สิ่งที่คุณต้องการ

• Mozilla Firefox
• การเชื่อมต่ออินเทอร์เน็ตที่ใช้งานอยู่

หากคุณไม่มีมอซิลลา Firefox แต่คุณสามารถดาวน์โหลดได้จาก http://www.mozilla.org/en-US/firefox/new.

ขั้นตอนที่ 1) เปิด Firefox ส่วนเสริมและดาวน์โหลด Selenium IDE

ยิง Firefox และไปที่ https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/- คลิกที่เพิ่มไปที่ Firefox

ขั้นตอนที่ 2) คลิกที่เพิ่ม

รอจนกระทั่ง Firefox เสร็จสิ้นการดาวน์โหลดแล้วคลิก “เพิ่ม"

ขั้นตอนที่ 3) คลิกที่ตกลง

เมื่อการติดตั้งเสร็จสมบูรณ์ คุณจะได้รับข้อความยืนยัน คลิก "ตกลง"

ขั้นตอนที่ 4) คลิกและเปิด Selenium IDE

คลิกที่ Selenium ไอคอน IDE

Selenium IDE จะเปิดขึ้น

Firefox DevTools ใน Firefox

Firefox DevTools คือ Firefox คุณสมบัติที่เราจะใช้ ตรวจสอบองค์ประกอบ HTML ของเว็บแอปพลิเคชันที่อยู่ระหว่างการทดสอบ มันจะให้ชื่อขององค์ประกอบที่คำสั่ง Selenese ของเราจะดำเนินการ

ขั้นตอน 1) คลิกขวาที่ใดก็ได้บนหน้าและเลือกตรวจสอบองค์ประกอบ คุณยังสามารถใช้ทางลัด Ctrl + Shift + ฉัน

ขั้นตอน 2) คุณจะเห็นอินเทอร์เฟซ

ขั้นตอน 3) คุณสามารถคลิกขวาที่องค์ประกอบและเลือก CSS หรือ XPath สิ่งนี้มีประโยชน์ในการระบุวัตถุ

หมายเหตุ ในทำนองเดียวกันคุณยังสามารถใช้เครื่องมือสำหรับนักพัฒนาใน Chrome เพื่อระบุคุณสมบัติของวัตถุได้อีกด้วย

Selenium IDE เลิกใช้แล้ว และการพัฒนาก็หยุดลง เมื่อไม่นานมานี้โครงการนี้ได้รับการฟื้นคืนชีพขึ้นมาใหม่ ใหม่ Selenium ขาดคุณสมบัติมากมายเมื่อเทียบกับ IDE ที่เลิกใช้แล้ว กำลังเพิ่มคุณสมบัติต่างๆ แต่เป็นไปอย่างช้าๆ เพื่อสำรวจคุณสมบัติทั้งหมดของ Selenium IDE เราขอแนะนำให้คุณใช้เวอร์ชันเก่า หากต้องการใช้ IDE เวอร์ชันเก่า

ขั้นตอน 1) ใช้ Firefox 54 ตรวจสอบเวอร์ชันพกพา Good Farm Animal Welfare Awards

ขั้นตอน 2) เยี่ยมชมร้านค้า Selenium เวอร์ชัน IDE https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/versions/ และติดตั้ง

คุณสมบัติต่อไปนี้อาจใช้ไม่ได้ใน IDE เวอร์ชันล่าสุด เราจะอัปเดตบทช่วยสอนอย่างต่อเนื่องเมื่อมีการอัปเดตเวอร์ชันใหม่

ปลั๊กอิน

Selenium IDE สามารถรองรับเพิ่มเติมได้ Firefox ส่วนเสริมหรือปลั๊กอินที่สร้างโดยผู้ใช้รายอื่น. คุณสามารถเยี่ยมชม Good Farm Animal Welfare Awards สำหรับรายการ Selenium ส่วนเสริมที่มีอยู่จนถึงปัจจุบัน ติดตั้งเช่นเดียวกับที่คุณทำกับผู้อื่น Firefox Add-on

โดยค่าเริ่มต้น Selenium IDE มาพร้อมกับปลั๊กอิน 4 ตัว:

1. Selenium ไอดี: C# ตัวจัดรูปแบบ

2. Selenium ไอดี: Java ตัวจัดรูปแบบ

3. Selenium ไอดี: Python ตัวจัดรูปแบบ

4. Selenium IDE: ตัวจัดรูปแบบ Ruby

ปลั๊กอินทั้งสี่นี้จำเป็นโดย Selenium IDE เพื่อแปลง Selenese เป็นรูปแบบต่างๆ

แท็บปลั๊กอินแสดงรายการส่วนเสริมที่ติดตั้งทั้งหมดของคุณ พร้อมด้วยหมายเลขเวอร์ชันและชื่อผู้สร้างส่วนเสริมแต่ละรายการ

ส่วนขยายผู้ใช้

Selenium IDE สามารถรองรับส่วนขยายผู้ใช้เพื่อให้ความสามารถขั้นสูง ส่วนขยายผู้ใช้จะอยู่ในรูปแบบ Javaไฟล์สคริปต์ คุณสามารถติดตั้งไฟล์สคริปต์ได้โดยระบุเส้นทางที่แน่นอนในฟิลด์ใดฟิลด์หนึ่งจากสองฟิลด์นี้ในกล่องโต้ตอบตัวเลือก

• Selenium ส่วนขยายหลัก (user-extensions.js)
• Selenium ส่วนขยาย IDE

คุณจะพบส่วนขยายผู้ใช้มากมาย ที่นี่

วิธีการติดตั้ง Selenium IDE ใน Chrome

ด้านล่างนี้เป็นกระบวนการทีละขั้นตอนเกี่ยวกับวิธีการดาวน์โหลดและติดตั้ง Selenium IDE สำหรับ Google Chrome:

ขั้นตอน 1) ไปที่ Selenium ไซต์ IDE และคลิกปุ่มดาวน์โหลด Chrome: https://www.selenium.dev/selenium-ide/
ขั้นตอน 2) เปิดลิงก์ของ Chrome เว็บสโตร์ Selenium ส่วนขยาย IDE และการติดตั้ง: https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd
ขั้นตอน 3) คลิกปุ่มเพิ่มใน Chrome เพื่อเพิ่ม Selenium IDE ลงใน Google Chrome
ขั้นตอน 4) ไปที่เมนูส่วนขยาย คลิกที่ไอคอนนั้น และเปิด Selenium IDE เพื่อบันทึกการทดสอบใหม่ในโครงการใหม่