Robot Framework - ทำงานกับช่องทำเครื่องหมาย

สำหรับการทดสอบสิ่งสำคัญคือต้องเข้าใจวิธีโต้ตอบกับเบราว์เซอร์และค้นหาองค์ประกอบ html มันง่ายมากที่จะทำงานกับช่องป้อนข้อมูลด้วยกรอบหุ่นยนต์ ในบทนี้เราจะเรียนรู้วิธีการทำงานกับช่องทำเครื่องหมายโดยใช้ Selenium Library ในการทำงานกับช่องทำเครื่องหมายเราต้องมีตัวระบุตำแหน่งซึ่งเป็นตัวระบุเฉพาะหลักสำหรับช่องทำเครื่องหมายนั้น ตัวระบุตำแหน่งสามารถเป็น id ชื่อคลาส ฯลฯ

การตั้งค่าโครงการสำหรับการทดสอบช่องทำเครื่องหมาย

ก่อนอื่นเราจะสร้างโครงการใน Ride เพื่อทำงานกับเบราว์เซอร์ เปิดนั่งโดยใช้ride.py จากบรรทัดคำสั่ง

คลิกที่โครงการใหม่และป้อนชื่อโครงการของคุณตามที่แสดงในภาพหน้าจอด้านล่าง

ชื่อที่กำหนดสำหรับโครงการคือ Checkbox คลิกตกลงเพื่อบันทึกโครงการ

คลิกขวาที่ชื่อโครงการที่สร้างขึ้นแล้วคลิกNew Test Case -

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

คลิกที่โครงการของคุณที่ด้านซ้ายและใช้ห้องสมุดจากเพิ่มนำเข้า

ตอนนี้คลิกไลบรารี หน้าจอจะปรากฏขึ้นซึ่งคุณต้องป้อนชื่อห้องสมุด -

คลิกตกลงและไลบรารีจะแสดงในการตั้งค่า

ชื่อที่กำหนดต้องตรงกับชื่อของโฟลเดอร์ที่ติดตั้งในไซต์แพ็คเกจ หากชื่อไม่ตรงกันชื่อห้องสมุดจะแสดงเป็นสีแดง -

กรณีทดสอบสำหรับ Checkbox

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

ตอนนี้พิจารณาการแสดง html ต่อไปนี้สำหรับช่องทำเครื่องหมาย -

<input type="checkbox" name="option1" value="Car"> Car

สำหรับช่องทำเครื่องหมายเรามีชื่อเป็นตัวระบุตำแหน่ง ในตัวอย่างข้างต้นชื่อเป็นOPTION1 เรายังต้องการค่าเพื่อให้เราสามารถเลือกได้Car ถือค่าในตัวอย่างข้างต้น

ตอนนี้เราจะสร้างหน้าทดสอบพร้อมช่องทำเครื่องหมาย เปิดช่องทำเครื่องหมายในเบราว์เซอร์และเลือกค่า

รายละเอียดกรณีทดสอบจะเป็นดังนี้ -

เปิดเบราว์เซอร์ - URL - http://localhost/robotframework/checkbox.html ใน Chrome
ป้อนรายละเอียดของช่องทำเครื่องหมาย
ดำเนินการทดสอบกรณี

ขณะเขียนคีย์เวิร์ดสำหรับกรณีทดสอบให้กด Ctrl + Spacebar จะให้รายละเอียดทั้งหมดของคำสั่งรายละเอียดของช่องทำเครื่องหมาย

คำสำคัญที่จะใช้สำหรับช่องทำเครื่องหมายคือ -

Select checkbox name:nameofcheckbox value

รายละเอียดคำสั่งจากการขับขี่มีดังนี้ -

ดังนั้นอาร์กิวเมนต์คือตัวระบุตำแหน่งสำหรับช่องทำเครื่องหมาย นี่คือรายละเอียดของกรณีทดสอบสำหรับการเลือกช่องทำเครื่องหมาย -

นี่คือลักษณะของ URL -

checkbox.html

<html>
   <head>
      <title>Checkbox Test Page>/title>
   </head>
   <body>
      <form name="myform" method="POST">
         <b>How would you like to travel?</b>
         <div><br>
            <input type="checkbox" name="option1" value="Car"> Car<br>
            <input type="checkbox" name="option2" value="Bus"> Bus<br>
            <input type="checkbox" name="option3" value="Train"> Train<br>
            <input type="checkbox" name="option4" value="Air"> Airways<br>
            <br>
         </div>
      </form>
   </body>
</html>

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

เมื่อดำเนินการกรณีทดสอบจะเปิด URL http://localhost/robotframework/checkbox.html และเลือกชื่อรถที่กำหนดในกรณีทดสอบ

นี่คือรายละเอียดการดำเนินการ -

รายละเอียดของรายงาน

รายละเอียดของ Log

สรุป

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