how use firebug creating selenium scripts selenium tutorial 4
En el tutorial anterior , aprendimos cómo crear scripts de prueba automatizados usando Selenium IDE y su función de grabación. También hojeamos populoso características de Selenium IDE . Nuestro objetivo era ofrecer al lector las funciones y los comandos más importantes de Selenium IDE.
Solo un recordatorio: este es nuestro cuarto tutorial gratuito Serie de entrenamiento de selenio .
Ahora que está acostumbrado y es capaz de crear scripts automatizados utilizando el modo de grabación de Selenium IDE, sigamos adelante con otra herramienta que juega un papel muy importante para ayudarnos a crear scripts de prueba efectivos conocida como 'Firebug'. Firebug nos ayuda a inspeccionar las propiedades de los elementos web y las páginas web.
Así, este tutorial se compone de la instalación de Firebug y su usabilidad.
Tenga en cuenta que el contenido de este tutorial no solo es aplicable en el contexto de Selenium IDE; más bien, se puede aplicar a todas y cada una de las herramientas de la suite Selenium. Por lo tanto, preferiblemente usaría el término Selenium en lugar de Selenium IDE.
En este tutorial, aprendamos cómo usar el complemento Firebug para crear scripts de Selenium. En el proceso, también aprenderemos cómo instalar Firebug.
Lo que vas a aprender:
- Introducción a Firebug
- ¿Cómo instalar Firebug?
- Creando Selenium Script usando Firebug
- Conclusión
- Lectura recomendada
Introducción a Firebug
Firebug es un complemento de Mozilla Firefox. Esta herramienta nos ayuda a identificar o ser más específicos inspeccionando elementos HTML, CSS y JavaScript en una página web. Nos ayuda a identificar los elementos de forma única en una página web. Los elementos se pueden encontrar de forma única en función de sus tipos de localizadores que discutiremos más adelante en este tutorial.
¿Cómo instalar Firebug?
Para facilitar la comprensión, dividiríamos el proceso de instalación en los siguientes pasos.
Paso 1: Inicie el navegador Mozilla Firefox y navegue hasta este Página de descarga del complemento Firebug . La URL nos lleva a la sección de complementos de Firefox.
Paso 2: Haga clic en el botón 'Agregar a Firefox' presente en la página web. Consulte la siguiente figura para ver el mismo.
Paso 3: Tan pronto como hagamos clic en el botón 'Agregar a Firefox', aparecerá un cuadro de alerta de seguridad, haga clic en el botón 'Permitir' ahora.
Paso 4: Ahora Firefox descarga el complemento en el fondo y se muestra una barra de progreso.
Paso 5: Tan pronto como se complete el proceso, aparecerá la ventana de instalación del software. Ahora haga clic en el botón 'Instalar ahora'.
Paso 6: Tan pronto como se completa la instalación, aparece una ventana emergente que dice que el firebug se ha instalado correctamente. Ahora elija cerrar esta ventana emergente.
Nota : A diferencia de Selenium IDE, no estamos obligados a reiniciar Firefox para reflejar la instalación de Firebug, sino que viene fácilmente.
Paso 7: Ahora, para lanzar Firebug, podemos optar por cualquiera de las siguientes formas:
- Presione F12
- Haga clic en el icono de Firebug presente en la esquina superior derecha de la ventana de Firefox.
- Haga clic en la barra de menú de Firefox -> Desarrollador web -> firebug -> Abrir Firebug.
Paso 8 : Ahora el firebug se puede ver en la parte inferior de la ventana de Firefox.
Ahora que hemos descargado e instalado firebug, avancemos con los tipos de localizadores que crearíamos usando firebug.
Creando Selenium Script usando Firebug
A diferencia de Selenium IDE, en Firebug, creamos scripts de prueba automatizados manualmente agregando múltiples pasos de prueba para formar un script de prueba lógico y consistente.
Sigamos un enfoque progresivo y entendamos el proceso paso a paso.
Guión:
- Abra 'https://accounts.google.com'.
- Afirmar el título de la solicitud
- Ingrese un nombre de usuario y una contraseña inválidos y envíe los detalles para iniciar sesión.
Paso 1 - Inicie Firefox y abra Selenium IDE desde la barra de menú.
Paso 2 - Ingrese la dirección de la aplicación bajo prueba ('https://accounts.google.com') dentro del cuadro de texto URL base.
Paso 3 - De forma predeterminada, el botón Grabar está en estado ON. Recuerde sintonizarlo en el estado OFF para desactivar el modo de grabación. Tenga en cuenta que si el modo de grabación está en estado ON, puede resultar en la grabación de nuestras interacciones con el navegador web.
Paso 4 - Abra la aplicación bajo prueba (https://accounts.google.com) en Firefox.
Paso 5 - Inicie Firebug en el navegador web.
Paso 6 - Seleccione el paso de prueba vacío dentro del Editor.
Paso 7 - Escriba 'abrir' en el cuadro de texto del comando presente en el Panel del editor. El comando 'abrir' abre la URL especificada en el navegador web.
Recomendación: mientras escribe comandos en el cuadro de texto del comando, el usuario puede aprovechar la función de selección automática. Por lo tanto, tan pronto como el usuario ingrese una secuencia de caracteres, las sugerencias coincidentes se completarán automáticamente.
El usuario también puede hacer clic en el menú desplegable disponible dentro del cuadro de texto del comando para ver todos los comandos proporcionados por Selenium IDE.
Paso 8 - Ahora, muévase hacia la sección Firebug dentro del navegador web, expanda la sección 'head' del código HTML. Observe la etiqueta HTML. Por lo tanto, para afirmar el título de la página web, necesitaríamos el valor de la etiqueta.
Copie el título de la página web que es 'Iniciar sesión - Cuentas de Google' en nuestro caso.
Paso 9 - Seleccione el segundo paso de prueba vacío dentro del Editor.
Paso 10 - Escriba 'assertTitle' en el cuadro de texto del comando presente en el Panel del editor. El comando 'assertTitle' devuelve el título de la página actual y lo compara con el título especificado.
cómo abrir un archivo jnlp de windows 10
Paso 11 - Pegue el título copiado en el paso 8 en el campo Destino del segundo.
Paso 12 - Ahora seleccione el tercer paso de prueba vacío en el Panel del editor
Paso 13 – Escriba el comando 'escribir' en el cuadro de texto del comando. El comando 'tipo' ingresa un valor en el elemento web especificado en la GUI.
Paso 14 - Ahora cambie al navegador web, lleve el cursor del mouse al cuadro de texto 'Correo electrónico' dentro del formulario de inicio de sesión y presione un clic derecho.
Elija la opción 'Inspeccionar elemento con Firebug'. Tenga en cuenta que Firebug resalta automáticamente el código HTML correspondiente para el elemento web, es decir, 'Cuadro de texto de correo electrónico'.
Paso 15 - El código HTML en la ilustración anterior manifiesta los distintos atributos de propiedad que pertenecen al cuadro de texto 'Correo electrónico'. Observe que hay cuatro propiedades (ID, tipo, marcador de posición y nombre) que identifican de forma única el elemento web en la página web. Por lo tanto, depende del usuario elegir una o más de una propiedad para identificar el elemento web.
Por tanto, en este caso, elegimos ID como localizador. Copie el valor de ID y péguelo en el campo Destino del tercer paso de prueba con el prefijo 'id =' para indicar Selenium IDE para ubicar un elemento web que tenga ID como 'Correo electrónico'.
(Haga clic para ver la imagen ampliada)
Tenga en cuenta que Selenium IDE distingue entre mayúsculas y minúsculas, por lo tanto, escriba el valor del atributo con cuidado y exactamente el mismo que se muestra en el código HTML.
Paso 16 - Haga clic en el botón Buscar para verificar si el localizador seleccionado encuentra y localiza el elemento de IU designado en la página web.
Paso 17 - Ahora, el siguiente paso es ingresar los datos de la prueba en el cuadro de texto Valor del tercer paso de la prueba dentro del Panel del editor. Ingrese 'InvalidEmailID' en el cuadro de texto Valor. El usuario puede alterar los datos de la prueba cuando lo desee.
Paso 18 – Ahora seleccione el cuarto paso de prueba vacío en el Panel del editor
Paso 19 – Escriba el comando 'escribir' en el cuadro de texto del comando.
Paso 20 - Ahora cambie al navegador web, lleve el cursor del mouse al cuadro de texto 'Contraseña' dentro del formulario de inicio de sesión y presione un clic derecho.
Elija la opción 'Inspeccionar elemento con Firebug'.
Paso 21 - El código HTML a continuación manifiesta los distintos atributos de propiedad que pertenecen al cuadro de texto 'Contraseña'. Observe que hay cuatro propiedades (ID, tipo, marcador de posición y nombre) que identifican de forma única el elemento web en la página web. Por lo tanto, depende del usuario elegir una o más de una propiedad para identificar el elemento web.
Por tanto, en este caso, elegimos ID como localizador. Copie el valor de ID y péguelo en el campo Destino del tercer paso de prueba con el prefijo 'id ='.
(Haga clic para ver la imagen ampliada)
Paso 22 - Haga clic en el botón Buscar para verificar si la pestaña del localizador encuentra y localiza el elemento de IU designado en la página web.
Paso 23 - Ahora, el siguiente paso es ingresar los datos de la prueba en el cuadro de texto Valor del cuarto paso de la prueba dentro del Panel del editor. Ingrese 'Contraseña no válida' en el cuadro de texto Valor. El usuario puede alterar los datos de la prueba cuando lo desee.
Paso 24 – Ahora seleccione el quinto paso de prueba vacío en el Panel del editor
Paso 25 – Escriba el comando 'hacer clic' en el cuadro de texto del comando. El comando 'hacer clic' hace clic en un elemento web específico dentro de la página web.
Paso 26 - Ahora cambie al navegador web, lleve el cursor del mouse al botón 'Iniciar sesión' dentro del formulario de inicio de sesión y presione un clic derecho.
Elija la opción 'Inspeccionar elemento con Firebug'.
Paso 27 - El código HTML a continuación manifiesta los distintos atributos de propiedad que pertenecen al botón 'Iniciar sesión'.
Elija ID como localizador. Copie el valor de ID y péguelo en el campo Destino del tercer paso de prueba con el prefijo 'id ='.
(Haga clic para ver la imagen ampliada)
Paso 28 - Haga clic en el botón Buscar para verificar si el localizador elegido encuentra y localiza el elemento de IU designado en la página web.
El script de prueba está completo ahora. Consulte la siguiente ilustración para ver el script de prueba terminado.
Paso 29 - Reproduzca el script de prueba creado y guárdelo de la misma manera que lo hicimos en el tutorial anterior.
Conclusión
En este tutorial, presentamos otra herramienta de creación de scripts o más bien una herramienta que ayuda a la creación de scripts.
Firebug sorprendentemente tiene un gran potencial para localizar elementos web en una página web. Por lo tanto, el usuario puede aprovechar las capacidades de la herramienta para crear scripts de prueba de automatización efectivos y eficientes manualmente.
Siguiente tutorial n. ° 5 : Avanzando en el siguiente tutorial, echaremos un vistazo a la varios tipos de localizadores en Selenium y su técnica de accesibilidad para crear scripts de prueba . Mientras tanto, el lector puede comenzar a construir sus scripts de prueba de automatización usando Firebug.
¿Ha utilizado Firebug para inspeccionar elementos HTML o para crear scripts? Lo encontraste util? Comparte tu experiencia en los comentarios.
Lectura recomendada
- Cómo usar TestNG Framework para crear scripts de Selenium - Tutorial de TestNG Selenium n. ° 12
- Tutorial de Cucumber Selenium: Integración de Cucumber Java Selenium WebDriver
- Cómo localizar elementos en los navegadores Chrome e IE para crear scripts de Selenium - Tutorial de Selenium n. ° 7
- Creación de genéricos y conjuntos de pruebas: tutorial de Selenium n. ° 22
- Introducción a Selenium WebDriver - Tutorial de Selenium n. ° 8
- Integración de Jenkins con Selenium WebDriver: Tutorial paso a paso
- Tutoriales detallados de Eclipse para principiantes
- Scripts eficientes de Selenium y escenarios de resolución de problemas: tutorial de Selenium n. ° 27