Robot Framework - praca z rozwijanym menu

W tym rozdziale dowiemy się, jak pracować z listą rozwijaną przy użyciu Selenium Library.

Konfiguracja projektu do testowania rozwijanego

Najpierw utworzymy projekt w Ride do pracy z przeglądarkami. Otwórz jazdę za pomocą ride.py z wiersza poleceń -

Kliknij Nowy projekt i nadaj nazwę swojemu projektowi.

Podana nazwa jest rozwijana. Kliknij OK, aby zapisać projekt.

Kliknij prawym przyciskiem myszy nazwę utworzonego projektu i kliknij Nowy przypadek testowy -

Podaj nazwę przypadku testowego i kliknij OK, aby go zapisać.

Skończyliśmy z konfiguracją projektu. Teraz napiszemy przypadki testowe dla listy rozwijanej. Ponieważ potrzebujemy biblioteki Selenium, musimy zaimportować to samo do naszego projektu.

Kliknij swój projekt po lewej stronie i użyj Biblioteki z Dodaj import, jak pokazano poniżej -

Teraz kliknij Biblioteka . Pojawi się ekran, na którym należy wprowadzić nazwę biblioteki -

Kliknij OK, a biblioteka zostanie wyświetlona w ustawieniach.

Podana nazwa musi być zgodna z nazwą folderu zainstalowanego w pakietach lokacji.

Jeśli nazwa się nie zgadza, nazwa biblioteki będzie wyświetlana na czerwono -

Import biblioteki w kolorze czerwonym jest tak dobry, że biblioteka nie istnieje w Pythonie, więc teraz skończymy z importem biblioteki selenium.

Przypadek testowy dla listy rozwijanej

Przypadek testowy dla listy rozwijanej wybierze wartość z listy rozwijanej. Aby z tym pracować, potrzebujemy lokalizatora (identyfikatora) dla tego menu.

Rozważ następujący ekran HTML dla listy rozwijanej -

<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>

W przypadku listy rozwijanej nazwa jest lokalizatorem . W powyższym przykładzie nazwa to carbrand . Potrzebujemy również wartości, abyśmy mogli wybrać to samo. Wartości w powyższym przykładzie to - audi, bmw, chevrolet i datsun .

Teraz utworzymy stronę testową z rozwijanym menu, otworzymy to samo w przeglądarce i wybierzemy wartość z rozwijanego menu.

Szczegóły przypadku testowego będą następujące -

  • Otwórz URL przeglądarki - http://localhost/robotframework/dropdown.html w kolorze chrom

  • Wprowadź szczegóły listy rozwijanej

  • Wykonaj przypadek testowy

Podczas pisania słowa kluczowego dla przypadków testowych w RIDE naciśnij Ctrl + Spacja. Daje to wszystkie szczegóły polecenia.

W przypadku listy rozwijanej mamy na to trzy sposoby -

  • Wybierz opcję Z listy według indeksu
  • Wybierz opcję Z listy według etykiety
  • Wybierz opcję Z listy według wartości

Będziemy pracować na przykładzie, aby pokazać działanie dla wszystkich wymienionych powyżej przypadków.

Na naszej stronie testowej utworzymy 3 listy rozwijane i użyjemy powyższych przypadków testowych, aby wybrać listę rozwijaną według indeksu, etykiety i wartości.

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>

Dodamy przypadki testowe dla wszystkich 3 rozwijanych opcji w Ride.

W przypadku indeksu musimy przekazać lokalizator tej listy rozwijanej - nazwę lub identyfikator oraz indeks elementu, który ma zostać wybrany.

Wybierz opcję Lista według indeksu - przykład

<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>

Teraz chcemy wybrać miesiąc jako maj, więc indeks, który ma być podany w przypadku testowym, to 5.

Etykieta jest widoczna po otwarciu menu rozwijanego na ekranie.

Jeśli chcesz wybrać dzień, możesz wybrać go z listy rozwijanej.

Wybierz opcję Z listy według wartości

Oto lista roku. Lista zawiera wartości od 0 do 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>

Jeśli chcesz wybrać dowolny rok, weź wartość odpowiadającą rokowi i dodaj to samo w przypadku testowym. Na przykład, jeśli chcesz wybrać rok 2017, wartość wynosi 17.

Oto ostateczna lista przypadków testowych -

Po wykonaniu, oto wybór dokonany dla list rozwijanych na podstawie przypadku testowego -

Szczegóły wykonania

Szczegóły raportu

Szczegóły dziennika

Szczegóły przypadku testowego z dziennika

Wniosek

Widzieliśmy, jak pracować z rozwijaniem według wartości, indeksu i etykiety. Możemy odwołać się do dzienników i raportów, aby uzyskać szczegółowe informacje o wykonanym przypadku testowym.