EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            resumen comandos
            Resumen comandos Git
            29/09/2021
            consejos academia
            Consejos para triunfar con tu academia online
            11/05/2022

            Pruebas en el navegador con Selenium IDE. Testing aplicaciones web

            selenium IDE

            selenium IDE

            Tabla de contenidos

            • Testing con Selenium IDE
            • #1 Instalación de Selenium IDE
            • #2 Ejecutar el IDE
              • Solución de problemas
              • Pantalla de bienvenida
            • #3 Grabar una prueba
            • #4 Agregar y eliminar una prueba
            • #5 Tests Suites
              • Agregar una suite
              • Agregar una prueba a una suite
              • Eliminar o cambiar el nombre de una suite
            • #6 Guardar el proyecto
            • #7 Reproducir pruebas en el navegador
            • #8 Selenium API

            Selenium IDE es un complemento que se instala en el navegador y que registra las interacciones del usuario sobre una página web. Se utiliza para la realización de pruebas sobre distintas aplicaciones vistas desde el navegador. Actualmente el plugin o complemento Selenium IDE está disponible para Chrome y Firefox.

            Testing con Selenium IDE

            Cuando se desarrolla una plataforma web comprobar que todas las funcionalidades se han implementado de forma correcta es una tarea indispensable. Gracias a herramientas como Selenium, la tarea de testing se desarrolla de una forma muy sencilla. Veamos cómo sacarle partido a la extensión Selenium IDE disponible para los principales navegadores.

            #1 Instalación de Selenium IDE

            Para utilizar Selenium IDE debemos instalar la extensión en nuestro navegador, Firefox o Chrome, desde la tienda web de Chrome o Firefox. Cabe mencionar que anteriormente el complemento también estaba disponible para otros navegadores.

            #2 Ejecutar el IDE

            Una vez instalado el IDE en el navegador, debemos ejecutarlo haciendo clic en el icono en la barra de menú del navegador. De esta forma podemos reproducir los tests siempre que queramos.

            Solución de problemas

            Si no consigues ver el icono de Selenium IDE en el menú prueba estas dos soluciones:

            • Solución 1: Comprueba que el IDE está habilitado en la configuración de la extensión del navegador. Puedes llegar rápidamente escribiendo lo siguiente en la barra de direcciones y presionando «Enter». Chrome: chrome: // extensiones. Firefox: acerca de: complementos
            • Solución 2: La extensión puede estar habilitada pero el icono está oculto. Intenta cambiar el tamaño de la barra de menú para darle más espacio. En Chrome, basta con hacer clic a la derecha de la barra de direcciones, manteniendo presionado el clic y arrastrándolo hacia la izquierda o hacia la derecha. En Firefox, debemos hacer clic con el botón derecho en la barra de navegación, seleccionar “Personalizar la barra de herramientas” y realizar ajustes en la barra de menú.

            Pantalla de bienvenida

            Al iniciar el IDE, se muestra un cuadro de diálogo de bienvenida con  las siguientes opciones:

            • Grabar una nueva prueba en un nuevo proyecto
            • Abrir un proyecto existente
            • Crear un nuevo proyecto
            • Cerrar el IDE

            Después de crear un nuevo proyecto, le debemos dar un nombre y la URL del proyecto que vamos a testear o probar. 

            #3 Grabar una prueba

            Para grabar una prueba debemos seleccionar «start recording» (botón REC). Después de completar esta acción, se abrirá una nueva ventana del navegador, cargará la URL del proyecto y comenzará a grabar.

            Al interactuar con la página cada una de tus acciones quedará registrada en el IDE. Para detener la grabación, debemos cambiar a la ventana IDE y hacer clic en el icono de grabación.

            #4 Agregar y eliminar una prueba

            Puede agregar una nueva prueba haciendo clic en el símbolo + en la parte superior del menú de la barra lateral izquierda (a la derecha del encabezado Pruebas), nombrándola y haciendo clic en AGREGAR.

            Para eliminar una prueba, coloca el cursor sobre la prueba y haz clic en la X que aparece a la derecha del nombre.

            En este plugin se gestionan dos tipos de elementos:

            • Tests: es una prueba
            • Test-Suite: es un conjunto de tests.

            Por defecto se crea un Test-Suite al que le podemos añadir más casos “Tests”.

            #5 Tests Suites

            Las pruebas se pueden agrupar en conjuntos. En la creación del proyecto, se crea una suite predeterminada y la primera prueba creada se agrega automáticamente.

            Para crear y administrar suites, debemos situranos en el panel de suites de prueba. Para llegar allí, debemos hacer clic en el menú desplegable en la parte superior del menú de la barra lateral izquierda (hacer clic en la palabra “Tests”) y seleccionar “Tests suites”.

            Agregar una suite

            Para agregar una suite, haz clic en el símbolo + en la parte superior del menú de la barra lateral izquierda a la derecha del encabezado Test Suites, proporciona un nombre y haz clic en AGREGAR.

            Agregar una prueba a una suite

            Para agregar una prueba a una suite, coloca el cursor sobre el nombre de la suite, luego haz lo siguiente:

            • Clic en el icono que aparece a la derecha del encabezado Test Suites.
            • Clic en Agregar pruebas.
            • Selecciona las pruebas que quieras agregar del menú.
            • Clic en Seleccionar.

            Eliminar o cambiar el nombre de una suite

            Para eliminar una suite, haz clic en el icono que aparece a la derecha de su nombre, haz clic en Eliminar y vuelve a hacer clic en Eliminar cuando se le solicite.

            Para cambiar el nombre de una suite, coloca el cursor sobre el nombre de la suite, haz clic en el icono que aparece a la derecha del nombre, haz clic en Cambiar nombre, actualiza el nombre y haz clic en CAMBIAR NOMBRE.

            #6 Guardar el proyecto

            Para guardar todo lo que acabas de hacer en el IDE, haz clic en el icono de guardar en la esquina superior derecha del IDE. Te pedirá una ubicación y el nombre de dónde guardar el proyecto. El resultado final es un único archivo con extensión .side.

            #7 Reproducir pruebas en el navegador

            Puedes reproducir pruebas en el IDE seleccionando la prueba o suite y haciendo clic en el botón de reproducción (play) en la barra de menú sobre el editor de pruebas. Las pruebas se reproducirán en el navegador. Si una ventana sigue abierta desde la grabación, se utilizará para la reproducción. De lo contrario, se abrirá y utilizará una nueva ventana.

            Al final de la reproducción, Selenium nos indicará si hay algún error en las pruebas.

            #8 Selenium API

            Selenium también cuenta con APIs para crear tests en distintos lenguajes de programación como Java, C#, Python o JavaScript, entre otros. Cuando se ejecutan los tests correspondientes, Selenium hace las pruebas sobre el navegador y simula todos los tests que hayamos definido para encontrar errores.

            Compartir

            Módulo Diseño de Interfaces Web

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            Artículos recientes

            • Diseño orientado a la personalización de productos
            • ¿Qué es SQL y por qué deberías aprender a usarlo?
            • Principales tendencias en marketing digital para 2023
            • Formas de crear una tienda online
            • Qué significa el modo mantenimiento en una página web

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results