8-10-2013

Escuela Politcnica Nacional

[Subttulo del documento] Facultad de Ingeniera en Sistemas

Informticos y de Computacin

ASIGNATURA:

Calidad de Software NOMBRE DEL EQUIPO:

Easy Programming TEMA:

Laboratorio 2 Selenium para automatizar pruebas de interfaces

grficas

INTEGRANTES:

-Aguilar Quevedo Viviana -Samaniego Vizcaino Lenn Guillermo -Suquillo Navarrete Andrea Estefania -Tinajero Guajn Jos Andrs -Valverde Paredes Luis Gustavo

Tutorial de Selenium IDE a. Configuracin de ambiente para uso de la herramienta:

PARA REALIZAR ESTAS PRUEBAS NECESITAMOS SEGUIR LOS SIGUIENTES PASOS DE INSTALACIN:

1. Como primer paso, necesitamos realizar la instalacin del explorador Mozilla Firefox. Esto

podemos descargar lo a travs del siguiente link.

http://www.mozilla.org/es-ES/firefox/new/

2. Una vez que lo descarguemos e instalemos. Proseguimos con la instalacin del Selenium

IDE.

3. Luego de esto descargamos el instalador de Selenium IDE el cual se encuentra en la

siguiente pgina:

http://docs.Seleniumhq.org/download/

b. Configuracin de la herramienta

4. Una vez que los descarguemos proseguimos con la instalacin. Para lo cual el explorador

solicitara permisos para instalar los plugins necesarios dentro de Mozilla para esto damos

clic en Instalar ahora.

5. Una vez que instalemos los plugins, el explorador necesita reiniciarse para validar la

instalacin del Selenium IDE.

a. Para abrir el Selenium lo podemos realizar de dos formas, la primera es a travs del men en la

parte de herramientas.

b. La segunda en el explorador en la esquina derecha se tiene un botn a travs del cual abrimos el

Selenium IDE

6. Al abrir el Selenium IDE tenemos la siguiente ventana.

Modo de uso

7. Como primer paso abrimos el Selenium IDE junto con Mozilla.

c. Ejecucin de pruebas

8. Luego grabaremos cada paso o actividad que realicemos en Mozilla al presionar el botn que se

muestra en la siguiente imagen dentro de Selenium IDE. (Si este se ha abierto por primera vez,

automticamente grabar la actividad)

8. En el ejemplo se capturar el ingreso a YouTube para realizar la bsqueda de un video,

para la cual ingresamos la palabra YouTube para dirigirnos al sitio.

10. Una vez terminado esto Selenium IDE captura esta accin y genera un comando y un cdigo.

En este caso tenemos los comandos open. En el cual a travs del explorador busc YouTube.

11. Aparte de esto se genera un cdigo, en el cual valida nuestro comando y la accin que hicimos

como tal para ingresar a YouTube.

12. Despus de realizar la bsqueda de YouTube en Google, como siguiente paso tenemos en

ingreso a este sitio web.

13. Aqu el Selenium IDE registra todas las acciones realizadas, en este caso para abrir youtube la

accion fue dar un clic y esperar.

14. Y aqu tenemos el cdigo que se genera ya que para comando se genera un cdigo.

15. Y por ltimo en este ejemplo vamos a buscar algo en YouTube (calidad).

16. Al tener esto se genera un comando de tipo type en el cual se guarda la palabra calidad que

es la cual hemos ingresado para la bsqueda.

17. Aqu tenemos el cdigo para la validacin de nuestro comando. Como se puede observar en el

comando y el cdigo tenemos calidad.

18. Bueno y eso ha sido todo en nuestro primer ejemplo. Para probar todo lo que hemos realizado

lo podemos hacer presionando el siguiente botn.

19. Para realizar otro caso de prueba es muy sencillo, en el men seleccionamos Archivo y damos

clic en nuevo caso de prueba.

20. Como en el primer caso abrimos el explorador y Selenium IDE para comenzar con la prueba, la

prueba consiste en llenar campos de un formulario que estaba previamente diseado en la web,

en este caso vamos a generar una prueba correcta y la misma prueba vamos a hacer que falle.

21. Aqu tenemos dos acciones:

La primera es dirigirnos a la direccin web del formulario:

https://docs.google.com/forms/d/1ZgNy3flYC16NN8zgxv8Zqk0RhVsB8NvseCDLrh_KFWU/viewfor

m

La segunda es llenar todos los campos del formulario y grabar el procedimiento en Selenium IDE.

22. Terminado esto guardamos la grabacin realizada por Selenium IDE.

23. Una vez guardado el Test damos clic en play para ejecutar la prueba, como podemos ver en la

figura la prueba termina sin complicacin.

24. Ahora modificaremos el formulario para generar error al momento de realizar la misma

prueba, para lo cual eliminaremos el ltimo campo como se muestra en la siguiente imagen.

25. Al enviar a ejecutar la misma prueba realizada anteriormente en Selenium, podemos notar que

nos surge un error, esto se debe a que Selenium tiene grabado un campo de ms que los que tiene

el formulario actual.