Robot Framework - ทำงานกับดรอปดาวน์

ในบทนี้เราจะเรียนรู้วิธีการทำงานกับดรอปดาวน์โดยใช้ Selenium Library

การตั้งค่าโครงการสำหรับการทดสอบแบบเลื่อนลง

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

คลิกโครงการใหม่และตั้งชื่อโครงการของคุณ

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

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

ตั้งชื่อให้กับกรณีทดสอบและคลิกตกลงเพื่อบันทึก

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

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

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

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

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

ในกรณีที่ชื่อไม่ตรงกันชื่อห้องสมุดจะแสดงเป็นสีแดง -

การนำเข้าไลบรารีเป็นสีแดงนั้นดีพอ ๆ กับไลบรารีไม่มีอยู่ในไพ ธ อนตอนนี้เราทำการนำเข้าไลบรารีซีลีเนียมเสร็จแล้ว

กรณีทดสอบสำหรับรายการแบบหล่นลง

กรณีทดสอบสำหรับดรอปดาวน์จะเลือกค่าจากดรอปดาวน์ ในการดำเนินการกับสิ่งนี้เราต้องมีตัวระบุตำแหน่ง (ตัวระบุ) สำหรับเมนูแบบเลื่อนลงนั้น

พิจารณาการแสดง html ต่อไปนี้สำหรับดรอปดาวน์ -

<select name = "carbrand">
   <option value = "">Select car brand..</option>
   <option value = "audi">AUDI</option>
   <option value = "bmw">BMW</option>
   <option value = "chevrolet">CHEVROLET</option>
   <option value = "datsun">DATSUN</option>
</select>

สำหรับแบบเลื่อนลงชื่อเป็นตัวระบุตำแหน่ง ในตัวอย่างข้างต้นชื่อเป็นcarbrand เรายังต้องการค่าเพื่อให้เราสามารถเลือกได้ ค่าในตัวอย่างข้างต้นมี - Audi, BMW, เชฟโรเลตและ Datsun

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

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

  • เปิด URL ของเบราว์เซอร์ - http://localhost/robotframework/dropdown.html ในโครเมี่ยม

  • ป้อนรายละเอียดของรายการแบบเลื่อนลง

  • ดำเนินการทดสอบกรณี

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

สำหรับเมนูแบบเลื่อนลงเรามีสามวิธีในการดำเนินการ -

  • เลือกจากรายการตามดัชนี
  • เลือกจากรายการตามฉลาก
  • เลือกจากรายการตามค่า

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

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

dropdown.html

<html>
   <head>
      <title>Dropdown</title>
   </head>
   <body>
      <form name="myform" method="POST">
         <div>
            Dropdown By Index:
            <select name = "months">
               <option value = "">Select Months.</option>
               <option value = "Jan">January</option>
               <option value = "Feb">February</option>
               <option value = "Mar">March</option>
               <option value = "Apr">April</option>
               <option value = "May">May</option>
               <option value = "Jun">June</option>
               <option value = "Jul">July</option>
               <option value = "Aug">August</option>
               <option value = "Sept">September</option>
               <option value = "Oct">October</option>
               <option value = "Nov">November</option>
               <option value = "Dec">December</option>
            </select>
         </div>
         <br/>
         <br/>
         <div>
            Dropdown By Label:
            <select name = "days">
               <option value = "">Select Day..</option>
               <option value = "01">01</option>
               <option value = "02">02</option>
               <option value = "03">03</option>
               <option value = "04">04</option>
               <option value = "05">05</option>
               <option value = "06">06</option>
               <option value = "07">07</option>
               <option value = "08">08</option>
               <option value = "09">09</option>
               <option value = "10">10</option>
               <option value = "11">11</option>
               <option value = "12">12</option>
               <option value = "13">13</option>
               <option value = "14">14</option>
               <option value = "15">15</option>
               <option value = "16">16</option>
               <option value = "17">17</option>
               <option value = "18">18</option>
               <option value = "19">19</option>
               <option value = "20">20</option>
               <option value = "21">21</option>
               <option value = "22">22</option>
               <option value = "23">23</option>
               <option value = "24">24</option>
               <option value = "25">25</option>
               <option value = "26">26</option>
               <option value = "27">27</option>
               <option value = "28">28</option>
               <option value = "29">29</option>
               <option value = "30">30</option>
               <option value = "31">31</option>
            </select>
         </div>
         <br/>
         <br/>
         <div>
            Dropdown By Value:
            <select name = "year">
               <option value = "">Select year..</option>
               <option value = "0">2000</option>
               <option value = "1">2001</option>
               <option value = "2">2002</option>
               <option value = "3">2003</option>
               <option value = "4">2004</option>
               <option value = "5">2005</option>
               <option value = "6">2006</option>
               <option value = "7">2007</option>
               <option value = "8">2008</option>
               <option value = "9">2009</option>
               <option value = "10">2010</option>
               <option value = "11">2011</option>
               <option value = "12">2012</option>
               <option value = "13">2013</option>
               <option value = "14">2014</option>
               <option value = "15">2015</option>
               <option value = "16">2016</option>
               <option value = "17">2017</option>
               <option value = "18">2018</option>
            </select>
         </div>
      </form>
   </body>
</html>

เราจะเพิ่มกรณีทดสอบสำหรับการเลือกแบบเลื่อนลงทั้ง 3 รายการใน Ride

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

เลือก List by Index - Example

<select name = "months">
   <option value = "">Select Months.</option> // index 0
   <option value = "Jan">January</option> //index 1
   <option value = "Feb">February</option> // index 2
   <option value = "Mar">March</option> // index 3
   <option value = "Apr">April</option> // index 4
   <option value = "May">May</option> // index 5
   <option value = "Jun">June</option> // index 6
   <option value = "Jul">July</option> // index 7
   <option value = "Aug">August</option> // index 8
   <option value = "Sept">September</option> //index 9
   <option value = "Oct">October</option> //index 10
   <option value = "Nov">November</option> //index 11
   <option value = "Dec">December</option> // index 12
</select>

ตอนนี้เราต้องการเลือกเดือนเป็นเดือนพฤษภาคมดังนั้นดัชนีที่จะให้ในกรณีทดสอบคือ 5

จะเห็นป้ายกำกับเมื่อคุณเปิดเมนูแบบเลื่อนลงบนหน้าจอ

หากคุณต้องการเลือกวันคุณสามารถเลือกได้จากเมนูแบบเลื่อนลง

เลือกจากรายการตามค่า

นี่คือรายชื่อแห่งปี รายการมีค่าตั้งแต่ 0 ถึง 18

<select name = "year">
   <option value = "">Select year..</option>
   <option value = "0">2000</option>
   <option value = "1">2001</option>
   <option value = "2">2002</option>
   <option value = "3">2003</option>
   <option value = "4">2004</option>
   <option value = "5">2005</option>
   <option value = "6">2006</option>
   <option value = "7">2007</option>
   <option value = "8">2008</option>
   <option value = "9">2009</option>
   <option value = "10">2010</option>
   <option value = "11">2011</option>
   <option value = "12">2012</option>
   <option value = "13">2013</option>
   <option value = "14">2014</option>
   <option value = "15">2015</option>
   <option value = "16">2016</option>
   <option value = "17">2017</option>
   <option value = "18">2018</option>
</select>

หากคุณต้องการเลือกปีใด ๆ ให้ใช้ค่าที่ตรงกับปีและเพิ่มค่าเดียวกันในกรณีทดสอบ ตัวอย่างเช่นหากคุณต้องการเลือกปี 2017 ค่าคือ 17

นี่คือรายการสุดท้ายของกรณีทดสอบ -

หลังจากดำเนินการแล้วนี่คือการเลือกที่เสร็จสิ้นสำหรับดรอปดาวน์ตามกรณีทดสอบ -

รายละเอียดการดำเนินการ

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

รายละเอียดบันทึก

รายละเอียดกรณีทดสอบจากบันทึก

สรุป

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