Selenium บทช่วยสอน IDE

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

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

⚠️ หมายเหตุเกี่ยวกับเวอร์ชัน: Firefox ส่วนเสริมที่แสดงในภาพประกอบบทความนี้ได้ถูกยกเลิกไปแล้ว แต่เครื่องมือนี้ยังคงมีให้ใช้งานใน Chrome ต่อไป Firefox และขอบ ส่วนขยายของเบราว์เซอร์ ซึ่งยังคงฟังก์ชั่นบันทึกและเล่นซ้ำ แต่จัดเรียงอินเทอร์เฟซใหม่และบันทึกโปรเจ็กต์เป็นไฟล์เดียว .side ไฟล์. ทุกหน้าจอและการตั้งค่าดั้งเดิมด้านล่างนี้ได้รับการเก็บรักษาไว้ตามที่เผยแพร่ไว้

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

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

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

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

Selenium คุณสมบัติ IDE

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

แถบเมนู

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

เมนู File

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

เมนูไฟล์ที่ขยายออกด้านล่างจะแสดงรายการส่งออกทั้งสองรายการเคียงข้างกัน

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

การส่งออกจะเขียนแต่ละแถวของภาษา Selenese ใหม่เป็นข้อความในภาษาที่เลือก เช่นเดียวกับการแปลง HTML เป็นข้อความJava ผลการเปรียบเทียบแสดงให้เห็น

หมายเหตุ Selenium รีโมทคอนโทรลถูกถอดออกแล้ว Selenium 3. ดังนั้นสคริปต์ RC ที่ส่งออกจึงไม่สามารถทำงานได้อีกต่อไป IDE เวอร์ชันปัจจุบันจะส่งออกโค้ด WebDriver แทน

แก้ไขเมนู

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

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

• คำสั่งต่างๆ จะแสดงเป็นสีดำ
• ความคิดเห็นจะแสดงเป็นสีม่วง

ความแตกต่างของสีทำให้สามารถแยกแยะข้อความที่แทรกเข้ามาได้ง่ายในสคริปต์ยาวๆ

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

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

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

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

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

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

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

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

การลากรายการขึ้นหรือลงในรายการนี้ จะเปลี่ยนคุณลักษณะที่ตัวบันทึกเลือกใช้ก่อนเป็นอันดับแรก

ฐาน URL บาร์

ที่อยู่สัมพัทธ์ทุกตำแหน่งในสคริปต์จะถูกแปลงโดยอ้างอิงจากฟิลด์นี้

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

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

แถบเครื่องมือประกอบด้วยปุ่มควบคุมการบันทึกและการเล่น แต่ละปุ่มและหน้าที่ของแต่ละปุ่มแสดงไว้ด้านล่าง

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

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

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

บรรณาธิการ

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

มุมมองตาราง

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

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

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

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

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

หน้าต่างบันทึก (Log Pane) จะแสดงข้อความขณะทำงานระหว่างการประมวลผล โดยจะให้ข้อมูลอัปเดตแบบเรียลไทม์เกี่ยวกับสิ่งที่เกิดขึ้น Selenium IDE กำลังทำอยู่

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

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

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

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

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

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

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

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

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

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

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

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

ส่วนแสดงข้อมูลแบบรวมและส่วนแสดงองค์ประกอบ UI ไม่มีส่วนที่เทียบเท่าในส่วนขยายปัจจุบัน คำสั่งควบคุมการไหลของโปรแกรมและการส่งออกโค้ดทำหน้าที่นั้นแทนแล้ว

คำถามที่พบบ่อย