Selenium บทช่วยสอน IDE

ความหมายของ Selenium IDE?

Selenium IDE (Integrated Development Environment) เป็นเครื่องมือที่ง่ายที่สุดใน Selenium ห้องสวีท มันคือ Firefox ส่วนเสริมที่สร้างการทดสอบอย่างรวดเร็วผ่านฟังก์ชันการบันทึกและเล่น คุณลักษณะนี้คล้ายกับคุณลักษณะของ QTP ติดตั้งง่ายและเรียนรู้ได้ง่าย

เพราะความเรียบง่ายของมัน Selenium ควรใช้ IDE เป็นเพียงเครื่องมือสร้างต้นแบบเท่านั้น ไม่ใช่เป็นโซลูชันโดยรวมสำหรับการพัฒนาและดูแลรักษาชุดการทดสอบที่ซับซ้อน

แม้ว่าคุณจะสามารถใช้งานได้ก็ตาม Selenium IDE ที่ไม่มีความรู้ด้านการเขียนโปรแกรมมาก่อน อย่างน้อยคุณควรจะคุ้นเคยกับ HTML Javaสคริปต์และ DOM (Document Object Model) เพื่อใช้เครื่องมือนี้ให้เกิดประโยชน์สูงสุด ความรู้เกี่ยวกับ Javaต้นฉบับ จะต้องเมื่อเราไปถึงส่วนเกี่ยวกับคำสั่ง Selenese”รันสคริปต์”

Selenium IDE รองรับโหมดเติมข้อความอัตโนมัติเมื่อสร้างการทดสอบ คุณลักษณะนี้มีจุดประสงค์สองประการ:

• ช่วยให้ผู้ทดสอบป้อนคำสั่งได้รวดเร็วยิ่งขึ้น
• มันจำกัดผู้ใช้จากการป้อนคำสั่งที่ไม่ถูกต้อง

Selenium คุณสมบัติ IDE

แถบเมนู

มันตั้งอยู่ที่ ส่วนบนสุด ของไอดี เมนูที่ใช้บ่อยที่สุดคือเมนูไฟล์ แก้ไข และตัวเลือก

เมนู File

• ประกอบด้วยตัวเลือกในการสร้าง เปิด บันทึก และปิดการทดสอบ
• การทดสอบคือ บันทึกในรูปแบบ HTML.
• ตัวเลือกที่มีประโยชน์ที่สุดคือ “ส่งออก" เพราะมันทำให้คุณเปลี่ยนใจได้ Selenium กรณีทดสอบ IDE เป็นรูปแบบไฟล์ที่สามารถทำงานได้ Selenium การควบคุมระยะไกลและ WebDriver
• “ส่งออกกรณีทดสอบเป็น…” จะส่งออกเฉพาะกรณีทดสอบที่เปิดอยู่ในปัจจุบันเท่านั้น
• “ส่งออกชุดทดสอบเป็น…” จะส่งออกกรณีทดสอบทั้งหมดในชุดทดสอบที่เปิดอยู่ในปัจจุบัน

• ในฐานะของ Selenium IDE เวอร์ชัน 1.9.1กรณีทดสอบสามารถส่งออกได้เฉพาะในรูปแบบต่อไปนี้:
• .cs (ซอร์สโค้ด C#)
• .ชวา (Java ซอร์สโค้ด)
• .ไพ (Python ซอร์สโค้ด)
• .rb (ซอร์สโค้ด Ruby)

แก้ไขเมนู

• มันมีตัวเลือกตามปกติ เช่น เลิกทำ ทำซ้ำ ตัด คัดลอก วาง ลบ และเลือกทั้งหมด
• สองตัวเลือกที่สำคัญที่สุดคือ “แทรกคำสั่งใหม่"และ"แทรกความคิดเห็นใหม่"

• คำสั่งหรือความคิดเห็นที่แทรกใหม่จะถูกวางไว้ด้านบนของบรรทัดที่เลือกในปัจจุบัน

• คำสั่ง มีสีสัน สีดำ.
• ความคิดเห็น มีสีสัน สีม่วง.

เมนูตัวเลือก

มีอินเทอร์เฟซสำหรับกำหนดการตั้งค่าต่างๆ ของ Selenium ไอดี.

เราจะมุ่งความสนใจไปที่ Options และ รูปแบบคลิปบอร์ด ตัวเลือก

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

เช่น เมื่อคุณเลือก Java/JUnit 4/เว็บไดร์เวอร์ เป็นรูปแบบคลิปบอร์ดของคุณ ทุกคำสั่ง Selenese ที่คุณคัดลอกมา Selenium ตัวแก้ไขของ IDE จะถูกวางเป็น Java รหัส. ดูภาพประกอบด้านล่าง

Selenium กล่องโต้ตอบตัวเลือก IDE

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

• ค่าการหมดเวลาเริ่มต้น- นี้หมายถึงเวลานั้น Selenium ต้องรอให้องค์ประกอบบางอย่างปรากฏขึ้นหรือสามารถเข้าถึงได้ก่อนที่จะสร้างข้อผิดพลาด ค่าการหมดเวลาเริ่มต้นคือ 30000ms.
• Selenium ส่วนขยาย IDE- นี่คือที่ที่คุณระบุส่วนขยายที่คุณต้องการใช้เพื่อขยาย Selenium ความสามารถของ IDE คุณสามารถเยี่ยมชมได้ http://addons.mozilla.org/en-US/firefox/ และใช้ “Selenium” เป็นคำสำคัญในการค้นหาส่วนขยายเฉพาะ
• จำ URL พื้นฐาน ตรวจสอบสิ่งนี้หากคุณต้องการ Selenium IDE เพื่อจดจำ Base URL ทุกครั้งที่คุณเปิดใช้งาน หากคุณยกเลิกการเลือกสิ่งนี้ Selenium IDE จะเปิดตัวด้วยค่าว่างสำหรับ URL ฐานเสมอ
• บันทึกการเริ่มต้นอัตโนมัติ หากคุณตรวจสอบสิ่งนี้ Selenium IDE จะบันทึกการทำงานของเบราว์เซอร์ของคุณทันทีเมื่อเริ่มต้นระบบ
• ผู้สร้างตัวระบุตำแหน่ง นี่คือที่ที่คุณระบุลำดับในการสร้างตัวระบุตำแหน่งขณะบันทึก ตัวระบุตำแหน่งเป็นวิธีบอกตำแหน่ง Selenium IDE องค์ประกอบ UI ใดที่คำสั่ง Selenese ควรดำเนินการ ในการตั้งค่าด้านล่าง เมื่อคุณคลิกองค์ประกอบที่มีแอตทริบิวต์ ID ระบบจะใช้ ID ขององค์ประกอบนั้นเป็นตัวระบุตำแหน่งเนื่องจาก "id" จะเป็นรายการแรกในรายการ หากองค์ประกอบนั้นไม่มีแอตทริบิวต์ ID Selenium จะค้นหาแอตทริบิวต์ "ชื่อ" ต่อไปเนื่องจากเป็นแอตทริบิวต์ที่สองในรายการ รายการดำเนินต่อไปเรื่อยๆ จนกว่าจะพบรายการที่เหมาะสม

แถบ URL ฐาน

• มีเมนูแบบเลื่อนลงที่จดจำค่าก่อนหน้าทั้งหมดเพื่อให้เข้าถึงได้ง่าย
• คำสั่งเซเลนีส "เปิด" จะนำคุณไปยัง URL ที่คุณระบุไว้ใน Base URL
• ในชุดบทช่วยสอนนี้ เราจะใช้ https://demo.guru99.com/test/newtours/ เป็น URL หลักของเรา มันเป็นเว็บไซต์สำหรับ Mercury Tours ซึ่งเป็นเว็บแอปพลิเคชันที่ดูแลโดย HP สำหรับเว็บ การทดสอบ วัตถุประสงค์ เราจะใช้แอปพลิเคชันนี้เนื่องจากมีองค์ประกอบครบชุดที่เราต้องการสำหรับหัวข้อต่อๆ ไป
• Base URL มีประโยชน์มากในการเข้าถึง URL ที่เกี่ยวข้อง สมมติว่า Base URL ของคุณถูกตั้งค่าเป็น https://demo.guru99.com/test/newtours/- เมื่อคุณรันคำสั่ง “open” ด้วยค่าเป้าหมาย “signup” Selenium IDE จะนำเบราว์เซอร์ไปยังหน้าลงทะเบียน ดูภาพประกอบด้านล่าง

แถบเครื่องมือ

	ความเร็วในการเล่น- สิ่งนี้จะควบคุมความเร็วของการดำเนินการทดสอบสคริปต์ของคุณ
	บันทึก. การดำเนินการนี้จะเริ่มต้น/สิ้นสุดเซสชันการบันทึกของคุณ การทำงานของเบราว์เซอร์แต่ละรายการจะถูกป้อนเป็นคำสั่ง Selenese ใน Editor
	เล่นชุดทดสอบทั้งหมด- การดำเนินการนี้จะเล่นกรณีทดสอบทั้งหมดที่อยู่ในรายการตามลำดับ กรณีทดสอบ บานหน้าต่าง
	เล่นกรณีทดสอบปัจจุบัน- ซึ่งจะเล่นเฉพาะกรณีการทดสอบที่เลือกในปัจจุบันในบานหน้าต่างกรณีการทดสอบ
	หยุดชั่วคราว / ดำเนินการต่อ- การดำเนินการนี้จะหยุดชั่วคราวหรือเล่นต่อ
	ขั้นตอน- ปุ่มนี้จะช่วยให้คุณเข้าสู่แต่ละคำสั่งในสคริปต์ทดสอบของคุณ
	ใช้กฎการรวบรวม- นี่คือฟังก์ชันขั้นสูง ช่วยให้คุณสามารถจัดกลุ่มคำสั่ง Selenese เข้าด้วยกันและดำเนินการเป็นการกระทำเดียว

บานหน้าต่างกรณีทดสอบ

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

บรรณาธิการ

คุณสามารถนึกถึงบรรณาธิการเป็น สถานที่ที่การกระทำทั้งหมดเกิดขึ้น- มีให้เลือกสองมุมมอง: ตารางและแหล่งที่มา

มุมมองตาราง

• โดยส่วนใหญ่แล้วคุณจะทำงานต่อ Selenium IDE โดยใช้ มุมมองตาราง.
• นี่คือ โดยที่คุณสร้างและแก้ไขคำสั่ง Selenese
• หลังจากเล่น แต่ละขั้นตอนจะมีรหัสสี

• ในการสร้างขั้นตอน ให้พิมพ์ชื่อคำสั่งในกล่องข้อความ “คำสั่ง”
• มันแสดงรายการคำสั่งแบบเลื่อนลง ที่ตรงกับรายการที่คุณกำลังพิมพ์อยู่
• Target คือพารามิเตอร์ใดๆ (เช่นชื่อผู้ใช้ รหัสผ่าน) สำหรับคำสั่ง และ Value คือค่าอินพุต (เช่น tom, 123pass) สำหรับคำสั่งเหล่านั้น Targets.

มุมมองแหล่งที่มา

• จะแสดงขั้นตอนในรูปแบบ HTML (ค่าเริ่มต้น)
• นอกจากนี้ยังช่วยให้คุณแก้ไขสคริปต์ของคุณได้เหมือนกับในมุมมองตาราง

บานหน้าต่างบันทึก

บานหน้าต่างบันทึกจะแสดงข้อความรันไทม์ ระหว่างการดำเนินการ มันมีการอัพเดตแบบเรียลไทม์ว่าอะไร Selenium IDE กำลังทำอยู่

บันทึกแบ่งออกเป็นสี่ประเภท:

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

บันทึกสามารถกรองตามประเภท- ตัวอย่างเช่น หากคุณเลือกตัวเลือก "ข้อผิดพลาด" จากรายการแบบเลื่อนลง บานหน้าต่างบันทึกจะแสดงเฉพาะข้อความแสดงข้อผิดพลาดเท่านั้น

บานหน้าต่างอ้างอิง

บานหน้าต่างอ้างอิงจะแสดงคำอธิบายโดยย่อของคำสั่ง Selenese ที่เลือกในปัจจุบันในตัวแก้ไข นอกจากนี้ยังแสดงให้เห็น คำอธิบายเกี่ยวกับตัวระบุตำแหน่งและค่า เพื่อใช้กับคำสั่งนั้น

บานหน้าต่างองค์ประกอบ UI

UI-Element มีไว้สำหรับขั้นสูง Selenium ผู้ใช้ มันใช้ Javaสคริปต์อ็อบเจ็กต์โนเตชัน (JSON) เพื่อกำหนดการแมปองค์ประกอบ เอกสารประกอบและทรัพยากรสามารถพบได้ในตัวเลือก “เอกสารประกอบองค์ประกอบ UI” ภายใต้เมนูวิธีใช้ของ Selenium ไอดี.

ตัวอย่างของหน้าจอองค์ประกอบ UI แสดงอยู่ด้านล่าง

บานหน้าต่างการยกเลิก

Rollup ช่วยให้คุณสามารถดำเนินการกลุ่มคำสั่งได้ในขั้นตอนเดียว กลุ่มคำสั่งเรียกง่ายๆ ว่า "โรลอัพ" มันใช้งานหนักของ Javaแนวคิดสคริปต์และองค์ประกอบ UI เพื่อสร้างชุดคำสั่งที่คล้ายกับ "ฟังก์ชัน" ในภาษาการเขียนโปรแกรม

Rollups สามารถนำมาใช้ซ้ำได้- หมายความว่าสามารถใช้งานได้หลายครั้งภายในกรณีทดสอบ เนื่องจากการโรลอัปเป็นกลุ่มคำสั่งที่รวมเป็นหนึ่งเดียว จึงมีส่วนช่วยอย่างมากในการย่อสคริปต์ทดสอบของคุณ

ตัวอย่างลักษณะเนื้อหาของแท็บภาพรวมแสดงอยู่ด้านล่าง

สรุป

• Selenium IDE (Integrated Development Environment) เป็นเครื่องมือที่ง่ายที่สุดใน Selenium ห้องสวีท
• ต้องใช้เป็นเครื่องมือสร้างต้นแบบเท่านั้น
• ความรู้เกี่ยวกับ Javaสคริปต์และ HTML จำเป็นสำหรับหัวข้อระดับกลาง เช่น การดำเนินการคำสั่ง “runScript” และ “rollup” rollup คือชุดคำสั่งที่คุณสามารถนำมาใช้ซ้ำเพื่อย่อสคริปต์ทดสอบของคุณให้สั้นลงอย่างมาก ตัวระบุตำแหน่งคือตัวระบุที่บอก Selenium IDE วิธีการเข้าถึงองค์ประกอบ
• Firebug (หรือส่วนเสริมที่คล้ายกัน) ใช้เพื่อรับค่าตัวระบุตำแหน่ง
• แถบเมนูใช้ในการสร้าง แก้ไข และส่งออกกรณีทดสอบเป็นรูปแบบที่สามารถใช้งานได้ Selenium RC และเว็บไดร์เวอร์
• รูปแบบเริ่มต้นสำหรับคำสั่ง Selenese คือ HTML
• เมนู "ตัวเลือก" ช่วยให้สามารถเข้าถึงการกำหนดค่าต่างๆ ได้ Selenium ไอดี.
• Base URL มีประโยชน์ในการเข้าถึง URL ที่เกี่ยวข้อง
• บานหน้าต่างกรณีการทดสอบแสดงรายการกรณีการทดสอบที่เปิดอยู่ในปัจจุบันและข้อมูลสรุปโดยย่อของการทดสอบการทำงาน
• ตัวแก้ไขจัดเตรียมอินเทอร์เฟซสำหรับสคริปต์ทดสอบของคุณ
• มุมมองตารางจะแสดงสคริปต์ของคุณในรูปแบบตารางด้วย “คำสั่ง”, “Target” และ “ค่า” เป็นคอลัมน์
• มุมมองแหล่งที่มาจะแสดงสคริปต์ของคุณในรูปแบบ HTML
• แท็บบันทึกและการอ้างอิงจะให้ข้อเสนอแนะและข้อมูลที่เป็นประโยชน์อื่นๆ เมื่อดำเนินการทดสอบ
• แท็บ UI-Element และ Rollup มีไว้สำหรับขั้นสูง Selenium ผู้ใช้ IDE เท่านั้น ทั้งสองต้องใช้ความพยายามอย่างมากในการเขียนโค้ด Javaต้นฉบับ
• UI-Element ช่วยให้คุณสามารถแมปองค์ประกอบ UI ได้อย่างสะดวกโดยใช้ Javaสัญกรณ์วัตถุสคริปต์ (JSON)