Cómo descargar e instalar Selenium IDE para Firefox & Cromo

Por: Krishna rungta Krishna rungta
Hours Actualizado

⚡ Resumen inteligente

Selenium IDE se instala como una extensión del navegador en lugar de una aplicación independiente, por lo que toda la configuración es una descarga de complemento en Firefox o Chrome seguido de un solo clic para abrir la grabadora.

  • 🔘 Firefox ruta: Añade la extensión de Firefox En los complementos, apruebe el cuadro de diálogo de permisos y, a continuación, inicie la grabadora desde el icono de la barra de herramientas.
  • ☑️ Ruta de Chrome: Empezar desde lo oficial Selenium En la página de descarga del IDE, añade la extensión y ábrela desde el menú Extensiones.
  • ✅ Inspección de elementos: Firefox Tanto DevTools como Chrome DevTools proporcionan el selector CSS o XPath que necesita un comando Selenese.
  • 🧪 Construcciones heredadas: El original Firefox-La versión del complemento requiere un modelo portátil antiguo Firefox, así que considérelo únicamente como una referencia histórica.
  • 🛠️ Solución de Problemas: La ausencia de un icono en la barra de herramientas casi siempre significa que la extensión está desactivada o que la barra de herramientas es demasiado estrecha.
  • 📊 Compatibilidad con diferentes navegadores: La instalación del ejecutor de línea de comandos a través de npm permite ejecutar proyectos guardados en otros navegadores y en una cuadrícula.
Descubre más

Descarga e instala Selenium IDE para Firefox y Chrome

En este tutorial, aprenderemos cómo descargar e instalar Selenium IDE por la Firefox y Google ChromeNo se compila nada ni se coloca nada en la ruta del sistema: el IDE es una extensión del navegador, por lo que la instalación finaliza en el momento en que el navegador informa que se ha agregado el complemento.

⚠️ Una nota sobre las versiones: Las capturas de pantalla que aparecen a continuación provienen del original. Firefox-enchufar Selenium IDE. Esa compilación dejó de funcionar cuando Firefox La versión 55 eliminó la compatibilidad con los complementos XUL heredados en 2017. Selenium El IDE distribuido hoy es una extensión reescrita para Firefox y Chrome que guarda proyectos en el .side formato en lugar de HTML. Aquí se conserva cada paso original, con el comportamiento actual indicado al lado.

Cómo instalar Selenium IDE para Firefox

A continuación se muestra un proceso paso a paso sobre cómo descargar e instalar Selenium IDE para Firefox:

Lo que usted necesita

  • Mozilla Firefox
  • Conexión a Internet activa

Si no tienes Mozilla Firefox todavía, puedes descargarlo desde firefox.com.

Pasos 1) Abrir Firefox Complementos y descargas Selenium IDE

Lanza Firefox y navegue hasta la sección Selenium Listado de IDE en Firefox Add-ons. Haga clic en Agregar a FirefoxLa página del complemento se ve como en la captura de pantalla a continuación.

Selenium Listado de IDE en Firefox Complementos con la opción Agregar a Firefox en la

Pasos 2) Haga clic en Agregar

Esperar hasta Firefox Completa la descarga y luego haz clic en “Agregar”. Firefox En primer lugar, se muestra la solicitud de permisos que aparece a continuación, en la que se detalla el acceso que solicita la extensión.

Firefox solicitud de permiso con el botón Agregar para el Selenium Extensión IDE

Pasos 3) Haga clic en Aceptar

Una vez finalizada la instalación, recibirá un mensaje de confirmación. Haga clic en "Aceptar" en la notificación que aparece aquí.

Firefox mensaje de confirmación que indica que Selenium Se agregó el IDE

Pasos 4) Haga clic y abra Selenium IDE

Haga clic en el elemento Selenium Icono del IDE, que ahora se encuentra en el Firefox barra de herramientas como se muestra a continuación.

Selenium Icono IDE en el Firefox barra de herramientas del navegador

Selenium El IDE se abrirá en una ventana aparte, como se muestra en la siguiente captura de pantalla.

Selenium Ventana del IDE abierta después de la instalación en Firefox

Firefox DevTools en Firefox

Instalar el IDE es solo la mitad de la configuración. Grabar un paso es fácil, pero escribirlo manualmente requiere el identificador del elemento sobre el que actúa el paso, y ese identificador se obtiene del inspector del propio navegador.

Firefox DevTools es un Firefox Esta función nos permitirá inspeccionar los elementos HTML de la aplicación web que estamos probando. Nos proporcionará el nombre del elemento sobre el que actuará nuestro comando Selenese.

Paso 1) Haga clic derecho en cualquier lugar de la página y seleccione Inspeccionar elemento. También puedes usar el atajo Ctrl + Shift + I. El menú contextual se muestra a continuación.

Firefox Menú contextual del botón derecho con la opción Inspeccionar elemento

Paso 2) Aquí podrá ver la interfaz, con el código HTML de la página en un lado y los estilos en el otro.

Firefox Panel del inspector de DevTools que muestra el código HTML de la página que se está probando.

Paso 3) Puedes hacer clic derecho en un elemento y elegir CSS o XPathEsto es útil en la identificación de objetos, porque el valor copiado se puede pegar directamente en el Target campo de un comando.

Copiar un selector CSS o una expresión XPath del Firefox Inspector de herramientas para desarrolladores

Nota: Asimismo, también puedes usar las Herramientas para desarrolladores de Chrome para identificar las propiedades de los objetos. El panel de Chrome que se muestra a continuación realiza la misma función.

Las herramientas para desarrolladores de Chrome inspeccionan un elemento para leer las propiedades de su objeto.

Ambos inspectores también exponen los atributos id, nombre y clase que el IDE prefiere al crear un localizador durante la grabación.

Selenium IDE quedó obsoleto y el desarrollo se detuvo. Sólo recientemente el proyecto ha resucitado. El nuevo Selenium Carece de muchas características en comparación con el IDE obsoleto. Se están agregando funciones, pero a un ritmo lento. Para explorar todas las características de Selenium IDE, le recomendamos utilizar la versión anterior. Para utilizar la versión anterior de IDE

Paso 1) Usar Firefox 54 Verificación de la versión portátil aquí

Paso 2) Visite la sección de Selenium Historial de versiones del IDE e instalar. La lista de versiones se ve así.

La página del historial de versiones muestra versiones anteriores. Selenium Versiones del IDE disponibles para descargar

Es posible que las siguientes funciones no estén disponibles en la última versión de IDE. Seguiremos actualizando los tutoriales a medida que se actualice la nueva versión.

⚠️ Estado actual: Ejecutar un navegador no compatible únicamente para mantener activo un complemento no compatible ya no es una opción práctica en una máquina de trabajo, así que considere los dos pasos anteriores como contexto histórico. El IDE reconstruido ahora cubre la mayor parte de lo que hacía útil la herramienta anterior, incluyendo variables almacenadascomandos de control de flujo y exportación de código.

Plugins

Selenium IDE puede admitir más Firefox complementos o plugins creados por otros usuarios. Puedes visitar el oficial Selenium Sitio IDE para una lista de Selenium complementos disponibles hasta la fecha. Instálalos tal como lo haces con otros Firefox add-ons.

Por defecto, Selenium IDE viene con 4 complementos:

  1. Selenium IDE: C# Formateadores
  2. Selenium IDE: Java Formateadores
  3. Selenium IDE: Python Formateadores
  4. Selenium IDE: formateadores Ruby

Estos cuatro complementos son necesarios para Selenium IDE para convertir Selenese a diferentes formatos.

La pestaña Plugins muestra una lista de todos los complementos instalados, junto con el número de versión y el nombre del creador de cada uno, como se muestra en la captura de pantalla a continuación.

Selenium Pestaña Complementos del IDE que muestra los cuatro complementos de formateo incluidos.

Extensiones de usuario

Selenium El IDE puede admitir extensiones de usuario para proporcionar capacidades avanzadas. Las extensiones de usuario tienen la forma de: JavaArchivos de script. Para instalarlos, especifique su ruta absoluta en cualquiera de estos dos campos del cuadro de diálogo Opciones.

Los dos campos de ruta están resaltados en el cuadro de diálogo Opciones que aparece a continuación.

Campos de diálogo de opciones para el Selenium Extensiones principales y Selenium Rutas de archivo de extensiones del IDE

Podrás encontrar toneladas de extensiones de usuario en el Selenium página de descargas. Tenga en cuenta que este mecanismo pertenecía a Selenium Núcleo, que fue retirado en Selenium 3; el IDE moderno se extiende a través de su propia API de complementos.

ARTÍCULOS RELACIONADOS

Cómo instalar Selenium IDE en Chrome

A continuación se muestra un proceso paso a paso sobre cómo descargar e instalar Selenium IDE para Google Chrome:

Paso 1) Vaya a la Selenium Sitio IDE Haz clic en el botón de descarga de Chrome.
Paso 2) Abra el listado de Chrome Web Store para el Selenium Descarga la extensión del IDE e instálala.
Paso 3) Haz clic en el botón Agregar a Chrome para agregarlo Selenium IDE para Google Chrome.
Paso 4) Ve al menú Extensiones, haz clic en ese icono y ábrelo. Selenium IDE para registrar una nueva prueba en un nuevo proyecto.

La compilación de Chrome y la Firefox Las compilaciones tienen la misma extensión, por lo que un proyecto grabado en una se abrirá en la otra. Dado que las tiendas de navegador cambian sus listados con el tiempo, siempre comience desde el sitio oficial en el Paso 1 en lugar de desde una tienda guardada en favoritos. URL.

Cómo verificar la instalación y realizar una primera prueba

Que una extensión se cargue no garantiza que la configuración funcione. La forma más rápida de comprobarlo es grabar algo sencillo y reproducirlo.

  1. Haga clic en el botón Selenium Icono del IDE. El cuadro de diálogo de bienvenida ofrece cuatro opciones: grabar una nueva prueba en un nuevo proyecto, abrir un proyecto existente, crear un nuevo proyecto o cerrar el IDE.
  2. Elige la primera opción y dale un nombre al proyecto.
  3. Ingrese una base URLEsta es la dirección de la aplicación que se está probando, y se reutiliza en todas las pruebas del proyecto.
  4. Se abre una nueva ventana del navegador en esa URL y comienza la grabación. Haga clic en un enlace o escriba en un campo, luego vuelva al IDE y haga clic en el icono de grabación para detenerla.
  5. Haga clic en el icono de guardar. El IDE escribe un único archivo con un .side extensión.
  6. Seleccione la prueba y haga clic en reproducir. Si los pasos grabados se reproducen sin que aparezca un indicador de error en rojo, la instalación es correcta.

Una primera reproducción que falla en el primer comando generalmente apunta a la base URL en lugar de en la instalación. Una reproducción que falla a mitad de camino es un problema de localización, que es donde se produce el fallo. comandos de verificación y espera ganarse el sustento.

Cómo solucionar problemas comunes Selenium Problemas de instalación del IDE

Casi todas las quejas sobre la instalación se ajustan a uno de unos pocos patrones. Los dos primeros son los documentados por el Selenium el proyecto en sí.

  • No hay ningún icono en la barra de herramientas. Confirma que la extensión esté habilitada. Escribe chrome://extensions en Chrome o about:addons in Firefoxy comprobar que Selenium El IDE está encendido.
  • La extensión está habilitada pero sigue siendo invisible. Es posible que el icono simplemente esté oculto porque la barra de herramientas es demasiado estrecha. En Chrome, arrastre el área a la derecha de la barra de direcciones. FirefoxHaz clic con el botón derecho en la barra de herramientas, elige Personalizar, ajústala y haz clic en Listo.
  • El IDE se abre pero no registra nada. La ventana de grabación debe ser la que inició el IDE. Las grabaciones realizadas en una pestaña abierta manualmente no se capturan.
  • Nada funciona en una página interna. Las extensiones no pueden generar scripts para páginas internas del navegador, como las pantallas de configuración o de extensiones, por lo que graban en una página web normal.
  • Un navegador gestionado bloquea la instalación. En un perfil corporativo, la instalación de extensiones suele estar controlada por políticas y requiere que un administrador autorice el ID de la extensión.

Cómo instalar el Selenium Ejecutor de línea de comandos del IDE

La extensión solo reproduce las pruebas en el navegador donde está instalada. Para ejecutar un proyecto guardado en otros navegadores, en paralelo o en una cuadrícula, instale el ejecutor de línea de comandos. Requiere Node.js y npm.

npm install -g selenium-side-runner

Cada navegador también necesita su propio archivo binario de controlador. Instale el controlador para el navegador que desea utilizar.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Una vez configurados el ejecutor y el controlador, indique al ejecutor la ubicación del archivo de proyecto que el IDE guardó previamente.

selenium-side-runner /path/to/your-project.side

El ejecutor distribuye las suites entre tantos procesos como núcleos de CPU tenga la máquina. Dos indicadores cubren la mayoría de las necesidades diarias: -c configura el navegador y --base-url Esto redirige todo el proyecto a un entorno diferente, lo que permite utilizar la misma grabación tanto en una compilación local como en un servidor de pruebas.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

Desde aquí, el siguiente paso natural es dejar atrás la grabación y reproducción y escribir las mismas comprobaciones en código; consulte el primer script de WebDriver recorrido y el más amplio Selenium .

Preguntas Frecuentes

No. Es de código abierto y se distribuye gratuitamente a través de las tiendas de complementos del navegador, sin necesidad de cuenta, clave de licencia ni periodo de prueba. El ejecutor de línea de comandos también es gratuito y se instala desde el registro público de npm.

No para la extensión en sí, que se ejecuta completamente dentro del navegador. El entorno de ejecución del lenguaje solo importa cuando se exporta una grabación a código o cuando se instala el ejecutor de línea de comandos, que requiere Node.js en lugar de un JDK.

Cualquier plataforma que ejecute un navegador compatible, por lo tanto Windows, macOS Funciona perfectamente en Linux. La extensión hereda los requisitos del navegador, lo que significa que no hay un instalador aparte ni una versión específica para cada sistema operativo.

Elimínala de la página de extensiones del navegador y luego agrégala de nuevo desde la tienda. Los proyectos guardados son archivos normales en el disco, por lo que se conservan intactos tras la reinstalación. Reinstalar es la solución habitual para una ventana del IDE que se abre en blanco.

Sí, porque registra la actividad dentro de una sesión real del navegador y hereda las cookies que esta contenga. Las redirecciones de inicio de sesión único también registran la actividad, aunque los pasos resultantes suelen ser poco fiables y conviene sustituirlos por un inicio de sesión directo.

El aprendizaje automático se aplica principalmente después de la grabación: los motores de autorreparación proponen un selector de reemplazo cuando cambia el marcado, y los modelos de prueba intermitente señalan los pasos que fallan de forma intermitente. Ninguno de estos sistemas modifica la instalación, pero ambos reducen el mantenimiento posterior.

No puede controlar la extensión, pero resulta útil en el archivo exportado. Copilot convierte fácilmente un script exportado sin procesar en objetos de página, añade esperas explícitas y escribe la tarea de integración continua que llama al ejecutor de línea de comandos.

Puedes guardar el archivo donde quieras. El IDE crea un archivo JSON por proyecto con la extensión .side, que es texto plano y, por lo tanto, seguro para incluir en el control de versiones y comparar durante la revisión.

Resumir este post con: