Crear un script de prueba manual con Selenium IDE
Ahora, vamos a crear un caso de prueba manualmente, escribiendo los comandos. Esta vez, vamos a necesitar usar el inspeccionador de elementos disponible en los navegadores (F12).
Paso 1
- Abrir Firefox y Selenium IDE.
- Escriba la URL base https://phptravels.org/clientarea.php
- El botón de grabación debe estar apagado.
NOTA: Si no sabes como realizar éste paso, te recomiendo visitar: Cómo usar Selenium IDE
Escriba «Open» en el cuadro de texto «Command» y pulse Enter.
Paso 3
- Ir a nuestra base URL y activar el inspeccionador de elementos (F12)
- En el panel de editor de Selenium IDE, seleccione la segunda línea (la línea por debajo del comando «open») y crear el segundo comando escribiendo «assertTitle» en el cuadro «Command».
- Siéntase libre de usar la función autocompletar.
.png "Script Manual en Selenium IDE")
Paso 4
- En el inpeccionador de elementos, expanda la etiqueta <head> para mostrar la etiqueta <title>.
- Haga clic en el valor de la etiqueta <title> (que es «Client Area – PHPTRAVELS») y péguelo en el campo de «Target» en el editor.
Paso 5
- Para crear el tercer comando, haga clic en la tercera línea en blanco en el editor y teclee «type» en el cuadro de texto «Command».
- En el inspeccionador de elementos (F12), haga clic en el botón «Elegir elemento de la página» representado con el siguiente botón:
Haga clic en el cuadro de texto «Email Adress». Observe que el inspeccionador de elementos le muestra automáticamente el código HTML para ese elemento.
Paso 6
Observe que el cuadro de texto «Email Adress» tiene un atributo name. Por lo tanto, usaremos su name como localizador. Copie el valor de name y péguelo en el campo «Target» en Selenium IDE.
Observe que el cuadro de texto «Email Adress» tiene un atributo name. Por lo tanto, usaremos su name como localizador. Copie el valor de name y péguelo en el campo «Target» en Selenium IDE.
NOTA: Te recomiendo visitar la siguiente entrada: Cómo usar localizadores en Selenium IDE
En el cuadro de texto «Target», use el prefijo «name =username», indicando que el Selenium IDE debe apuntar a un elemento cuyo atributo name es «username».
Escriba «invalidUN» en el cuadro de texto «Value» del Selenium IDE. El script de prueba ahora debe verse como la imagen de abajo. Hemos terminado con el tercer comando.
Nota: En lugar de invalidUN, puede introducir cualquier otra cadena de texto. Pero el Selenium IDE es sensible a las mayúsculas, y escribe valores/atributos exactamente como en la aplicación.
Paso 7
- Para crear el cuarto comando, teclee «type» en el cuadro de texto «Command».
- Una vez más, use «Elegir elemento de la página» representado con el siguiente botón: del inpeccionador de elementos para obtener el localizador para el cuadro de texto «Password».
- Pegue el atributo name («Password») en el campo «Target» y con el prefijo «name =»
- Escriba «invalidPW» en el campo «Value» en Selenium IDE. El script de prueba ahora debe verse como la imagen de abajo.
Paso 8.
- Para el quinto comando, escriba «clickAndWait» en el cuadro de texto «Command» del Selenium IDE.
- Use use «Elegir elemento de la página» representado con el siguiente botón: del inpeccionador de elementos para obtener el localizador del botón «Login».
• Pegue el valor del atributo id («login») en el cuadro de texto «Target» y con el prefijo «name =».
• Su script de prueba ahora debe verse como la imagen de abajo.
• Su script de prueba ahora debe verse como la imagen de abajo.
Paso 9: Guarde el caso de prueba de la misma manera como lo hicimos en la entrada anterior.
Si te perdiste la entrada anterior, puedes dar clic en el siguiente enlace:
gustavo
julianlujan1