Robot Framework - Trabajar con menú desplegable

En este capítulo, aprenderemos cómo trabajar con el menú desplegable usando Selenium Library.

Configuración del proyecto para pruebas desplegables

Primero crearemos un proyecto en Ride para trabajar con navegadores. Abra el viaje usando ride.py desde la línea de comando -

Haga clic en Nuevo proyecto y asigne un nombre a su proyecto.

El nombre dado es desplegable. Haga clic en Aceptar para guardar el proyecto.

Haga clic derecho en el nombre del proyecto creado y haga clic en Nuevo caso de prueba -

Dé un nombre al caso de prueba y haga clic en Aceptar para guardarlo.

Hemos terminado con la configuración del proyecto. Ahora, escribiremos casos de prueba para el menú desplegable. Como necesitamos la biblioteca de Selenium, necesitamos importar la misma en nuestro proyecto.

Haga clic en su proyecto en el lado izquierdo y use la Biblioteca de Agregar importación como se muestra a continuación:

Ahora, haz clic en Biblioteca . Aparecerá una pantalla en la que debe ingresar el nombre de la biblioteca:

Haga clic en Aceptar y la biblioteca se mostrará en la configuración.

El nombre dado debe coincidir con el nombre de la carpeta instalada en site-packages.

En caso de que el nombre no coincida, el nombre de la biblioteca se mostrará en rojo:

La importación de la biblioteca en rojo es tan buena como la biblioteca no existe dentro de Python, así que ahora hemos terminado con la importación de la biblioteca de selenio.

Caso de prueba para menú desplegable

El caso de prueba para el menú desplegable seleccionará el valor del menú desplegable. Para seguir trabajando con esto, necesitamos el localizador (identificador) para ese menú desplegable.

Considere la siguiente pantalla html para el menú desplegable:

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

En el menú desplegable, el nombre es el localizador . En el ejemplo anterior, el nombre es carbrand . También necesitamos el valor para que podamos seleccionar el mismo. Los valores del ejemplo anterior son: audi, bmw, chevrolet y datsun .

Ahora, crearemos una página de prueba con menú desplegable, abriremos la misma en el navegador y seleccionaremos el valor del menú desplegable.

Los detalles del caso de prueba serán los siguientes:

  • Abrir URL del navegador - http://localhost/robotframework/dropdown.html en cromo

  • Ingrese los detalles del menú desplegable

  • Ejecuta el caso de prueba

Mientras escribe la palabra clave para casos de prueba en RIDE, presione Ctrl + Barra espaciadora. Esto da todos los detalles del comando.

Para el menú desplegable, tenemos tres formas de hacerlo:

  • Seleccionar de la lista por índice
  • Seleccionar de la lista por etiqueta
  • Seleccionar de la lista por valor

Trabajaremos en un ejemplo para mostrar el funcionamiento de todos los casos mencionados anteriormente.

En nuestra página de prueba, crearemos 3 menús desplegables y usaremos los casos de prueba anteriores para seleccionar el menú desplegable por índice, etiqueta y valor.

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>

Agregaremos casos de prueba para las 3 selecciones desplegables en Ride.

Para el índice, debemos pasar el localizador de ese menú desplegable: nombre o identificación y el índice del elemento que debe seleccionarse.

Seleccionar lista por índice - Ejemplo

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

Ahora, queremos seleccionar el mes de mayo para que el índice que se dará en el caso de prueba sea 5.

La etiqueta se ve cuando abre el menú desplegable en la pantalla.

Si desea seleccionar un día, puede elegir uno del menú desplegable.

Seleccionar de la lista por valor

Aquí está la lista del año. La lista tiene valores de 0 a 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>

Si desea seleccionar cualquier año, tome el valor correspondiente al año y agregue el mismo en el caso de prueba. Por ejemplo, si desea seleccionar el año 2017, el valor es 17.

Aquí está la lista final de casos de prueba:

Después de la ejecución, aquí está la selección realizada para los menús desplegables basados ​​en el caso de prueba:

Detalles de ejecución

Detalles del informe

Detalles de registro

Detalles del caso de prueba del registro

Conclusión

Hemos visto cómo trabajar con el menú desplegable por valor, índice y etiqueta. Podemos consultar registros e informes para obtener los detalles del caso de prueba ejecutado.