Ejecutar pruebas de Selenium en Chrome

Google Chrome domina actualmente la cuota de mercado global de navegadores web. La facilidad de uso combinada con múltiples características útiles hace que sea ampliamente popular entre los usuarios. Dada su importancia y su alta cobertura de usuarios, se ha convertido en algo crítico para los ingenieros de calidad probar sitios web/aplicaciones web en el navegador Chrome. Como Selenium ofrece la funcionalidad cross-browser que permite a los usuarios ejecutar casos de prueba en diferentes navegadores, Selenium con el navegador Chrome hace la combinación principal para probar cualquier aplicación web en la plataforma del navegador. Chrome proporciona un controlador, que puede establecer la conexión entre Selenium WebDriver & Google Chrome y ejecutar la prueba de Selenium en el navegador Chrome. Vamos a comprender los detalles y el uso del Selenium ChromeDriver para ejecutar la prueba automatizada en el navegador Chrome cubriendo los detalles bajo las siguientes secciones:

• ¿Qué es Selenium ChromeDriver?
  • ¿Cuáles son los requisitos previos para Selenium ChromeDriver?
  • ¿Cómo instalar ChromeDriver en Windows?
    • ¿Cómo descargar ChromeDriver en Windows?
    • ¿Y cómo configurar ChromeDriver en Windows?
    • ¿Y cómo ejecutar pruebas de Selenium en el navegador Chrome?
    • ¿Cómo instalar ChromeDriver en macOS?
      • ¿Cómo descargar ChromeDriver en macOS?
      • ¿Y cómo configurar ChromeDriver en macOS?
      • ¿Cómo instalar ChromeDriver usando Homebrew?

    ¿Qué es Selenium ChromeDriver?

    ChromeDriver es el medio de comunicación que permite a los usuarios ejecutar sus pruebas de Selenium en el navegador Chrome. Es un servidor independiente que implementa el protocolo de código abierto Selenium WebDriver Chromium. Las pruebas de Selenium interactúan con el ChromeDriver utilizando el JsonWireProtocol, que traduce los comandos de Selenium en las acciones correspondientes en el navegador Chrome.

    

    El único propósito del ChromeDriver es lanzar e interactuar con Google Chrome. Sin usar ChromeDriver, no es posible ejecutar pruebas de Selenium en el navegador Chrome. Es por ello que es uno de los prerrequisitos más vitales de la ejecución de pruebas en Chrome. Un ChromeDriver se puede utilizar fácilmente instanciando el objeto del ChromeDriver, asignándolo a un objeto WebDriver, y utilizando ese objeto para las acciones basadas en el navegador.

    ¿Cuáles son los requisitos previos para Selenium ChromeDriver?

    Antes de que podamos empezar a escribir las pruebas de Selenium o configurar ChromeDriver, hay unos cuantos requisitos previos que debemos tener en nuestro sistema:

    1. Java JDK: Requerimos JDK o Java Development Kit para escribir programas java. Contiene JRE y otras herramientas de desarrollo, incluyendo el compilador y el depurador. Como vamos a escribir nuestras pruebas de selenio en java, tener JDK es una necesidad. Puede obtener más información sobre el JDK y leer su guía de instalación desde aquí: ¿Cómo instalar Java?
    2. Java IDE: el IDE o Entorno de Desarrollo Integrado ayuda a escribir programas Java. Ofrece muchas características diferentes a los usuarios para facilitar sus requisitos de programación. Para este tutorial, vamos a utilizar Eclipse IDE, aunque cualquier otro IDE de Java estará perfectamente bien. Para más o saber cómo instalar Eclipse, visite aquí: Instalar Eclipse.
    3. Selenium WebDriver: Para desarrollar las pruebas de Selenium, necesitamos Selenium WebDriver. Puedes descargar Selenium WebDriver desde el sitio oficial de Selenium, y puedes aprender a configurar Selenium en el tutorial; Configurar Selenium WebDriver. Para este tutorial, vamos a utilizar Selenium 4.

    ¿Cómo instalar ChromeDriver en Windows?

    Ahora, como hemos aprendido lo que es ChromeDriver y por qué, lo necesitamos para ejecutar pruebas de Selenium en el navegador Chrome. Vamos a avanzar un poco más y aprender a configurar ChromeDriver con tu proyecto Selenium Java y ejecutar tus pruebas en Chrome. La primera parte será descargar el ChromeDriver. Vamos a ver cómo podemos hacer lo mismo en la plataforma Windows?

    ¿Cómo descargar ChromeDriver en Windows?

    Antes de poder descargar el ChromeDriver, necesitamos comprobar la versión del navegador Chrome en tu sistema. ChromeDriver tiene una dependencia de compatibilidad directa con la versión del navegador Chrome, por lo que es necesario descargar la versión compatible de ChromeDriver. Siga los pasos, como se menciona a continuación, para descargar a. ChromeDriver que es compatible con el navegador Chrome en su sistema:

    1. En primer lugar, para comprobar la versión del navegador Chrome en su máquina, haga clic en los tres puntos en la esquina superior derecha del navegador

    2. En segundo lugar, haga clic en Ayuda en el menú.

    3. En tercer lugar, haga clic en Acerca de Google Chrome en el submenú.

    

    4. Después de hacer clic en la opción «Acerca de Google Chrome», se abrirá la siguiente página. En consecuencia, obtendrá los detalles de la versión de Chrome como en la imagen siguiente:

    

    Ahora, como hemos conseguido la versión del navegador Chrome así, podemos descargar el ChromeDriver compatible. Además, para descargar ChromeDriver, navegue hasta el enlace del sitio web oficial de ChromeDriver. Sigue los pasos que se mencionan a continuación para descargar el archivo ejecutable de ChromeDriver:

    1. En la página de descarga de ChromeDriver, habrá enlaces para diferentes versiones de ChromeDriver. En función de la versión de su navegador Chrome, descargue el ChromeDriver correspondiente, como se indica en la imagen siguiente. A continuación, haz clic en la versión de ChromeDriver que necesites descargar. Como la versión del navegador Chrome es la «84», descargaremos el ChromeDriver correspondiente.

    

    2. En segundo lugar, al hacer clic en el enlace «ChromeDriver 84.0.4147.30 » se accede a la página de índice de ChromeDriver. Aquí, usted obtendrá diferentes opciones de ChromeDriver basado en su sistema operativo. Además, en el caso del sistema operativo Windows, puedes elegir la versión Win32 como se indica en la siguiente imagen. Sí, incluso si tienes un Windows de 64 bits instalado en tu sistema, la versión Win32 funcionará bien.

    

    3. En tercer lugar, una vez completada la descarga, extrae el archivo zip y coloca el «chromedriver.exe» en cualquier ubicación preferida de tu sistema.

    Ahora que hemos descargado el ChromeDriver, abriremos Eclipse y crearemos un nuevo proyecto java. Además, añadiremos todas las dependencias de selenium al proyecto. Además, para saber más sobre la configuración de Selenium con Eclipse, puedes visitar nuestro tutorial anterior sobre el mismo en Configurar Selenium WebDriver.

    Como siguiente paso, debemos hacer que el ejecutable de ChromeDriver descargado esté disponible para las pruebas de Selenium. A continuación, vamos a ver cómo podemos configurar ChromeDriver, de manera que podamos utilizar el mismo en los casos de prueba de Selenium:

    ¿Cómo configurar ChromeDriver en Windows?

    Para establecer y configurar el ChromeDriver con el Selenium, el archivo ejecutable de ChromeDriver debe ser accesible en el script de prueba. Además, las pruebas de Selenium pueden acceder al ChromeDriver si se configura de alguna de las siguientes formas:

    1. Configurar ChromeDriver mediante las propiedades del sistema en las variables de entorno.
    2. Configurar ChromeDriver mediante las propiedades del sistema en el script de prueba.

    Entendamos todo esto y probemos a ejecutar nuestro código de prueba con Selenium 3 o Selenium 4.

    ¿Cómo configurar ChromeDriver usando Propiedades del Sistema en Variables de Entorno?

    En el sistema operativo Windows, una de las formas de declarar variables a nivel de sistema es mediante el uso de Variables de Entorno. Los usuarios pueden definir variables de entorno a nivel de usuario o variables de sistema. Además, la variable definida es accesible a todos los programas que se ejecutan en el sistema. Podemos utilizar las variables de entorno para establecer la ruta del ChromeDriver. Así, cada vez que creemos una instancia del WebDriver, éste detectará automáticamente la ruta del ChromeDriver a partir de las variables de sistema y podrá utilizarla. A continuación, vamos a ver los pasos a través de los cuales podemos hacerlo.

    1. En primer lugar, tenemos que abrir la ventana emergente de la variable de entorno. Para ello, haga clic en la barra de búsqueda y busque «Variables de entorno». Buscará y mostrará «Editar variables de entorno para su cuenta», como se muestra en la siguiente imagen. Después, haga clic en «Abrir» para abrir la ventana emergente de Propiedades del sistema.

    

    2. En segundo lugar, se abrirá la ventana emergente de «Propiedades del sistema». En la ventana emergente, seleccione la pestaña «Avanzadas», como indica la flecha. Después, en la pestaña Avanzadas, haga clic en el botón «Variables de entorno».

    

    3. En tercer lugar, se abrirá la ventana emergente «Variables de entorno». En la sección de variables del sistema emergente, busque la variable «path » marcada en la imagen inferior. A continuación, haga clic en la variable path para seleccionarla. Una vez seleccionada, haz clic en el botón «Editar» marcado por la flecha.

    

    4. En cuarto lugar, una vez que aparezca la ventana emergente «Editar variable de entorno», haz clic en el botón «Nuevo».

    

    5. En quinto lugar, añade la ubicación de la carpeta de ChromeDriver a la ruta. Nosotros hemos colocado nuestro driver en la siguiente ubicación «C:\Selenium\chromedriver», por lo que hemos añadido la misma como variable de ruta. Una vez hecho esto, hacemos clic en el botón «OK » como denota la flecha.

    

    ¿Cómo ejecutar pruebas de Selenium en el navegador Chrome usando ChromeDriver?

    Concluyentemente, ahora podemos inicializar directamente la instancia de WebDriver utilizando el ChromeDriver, como se muestra a continuación:

    Al ejecutar el código anterior, verás los resultados que se muestran a continuación.

    

    Evidentemente, a partir de los resultados de la consola, no hay ningún error de WebDriver, lo que implica que la configuración del WebDriver es correcta. Además, puedes ver las sentencias print como puntos de entrada y salida de nuestra ejecución. Correspondientemente podrás ver la ejecución en tu sistema.

    ¿Cómo inicializar ChromeDriver usando las propiedades del sistema en el script de prueba de Selenium?

    En lugar de usar la instancia global de ChromeDriver, si queremos usar una versión específica de ChromeDriver, podemos hacer lo mismo especificando explícitamente la ruta del ChromeDriver en el propio script de prueba. En otras palabras, tenemos que añadir una sola línea de código para configurar las propiedades del sistema para el ChromeDriver, como se muestra a continuación:

    1	System.setProperty(«webdriver.chrome.driver», «<Ruta del ejecutable de ChromeDriver>»);

    Concluyamos, modifiquemos el código que hemos utilizado anteriormente y veamos que podemos lanzar el navegador Chrome con éxito. El código modificado quedaría así:

    Verás que demoqa.com se abre en el navegador Chrome sin ningún error ni excepción.

    

    Si te has fijado, aquí hemos utilizado la versión 85 de ChromeDriver, en lugar de la versión 84 de ChromerDriver global por defecto. Los registros de ejecución indican que nuestra sesión de WebDriver comenzó con la sentencia de impresión mostrada justo al principio. Las líneas resaltadas en rojo son algunos registros del navegador correspondientes a la sesión del navegador. Además, se puede ver cómo se abre el navegador en el sistema y, tras abrirse la web, se cierra la sesión del navegador.

    ¿Cómo se instala ChromeDriver en macOS?

    La instalación y configuración de ChromeDriver en macOS es prácticamente igual a la de la plataforma Windows. La única diferencia es que el ejecutable para macOS será diferente, y la forma en que podemos incluir el ejecutable de ChromeDriver en la variable PATH del sistema es un poco diferente. Vamos a ver cómo podemos instalar y configurar el ChromeDriver en macOS :

    ¿Cómo descargar ChromeDriver en macOS?

    En macOS, podemos descargar ChromeDriver utilizando cualquiera de las siguientes formas:

    • Descargar el archivo ejecutable desde la web de Chromium
    • Descargar utilizando cualquier gestor de paquetes, como Homebrew.

    Entendamos los detalles de estas dos formas de descargar y configurar ChromeDriver en macOS :

    ¿Cómo descargar ChromeDriver para macOS desde la web de Chromium?

    Puedes descargar el ChromerDrive para macOS, igual que hicimos para la plataforma Windows, salvo por la diferencia de que, ahora selecciona el binario para la plataforma macOS como se muestra a continuación:

    

    Se descargará un archivo zip, que podrás extraer en cualquiera de las carpetas de tu elección. Después de extraerlo, mostrará el archivo ejecutable de ChromeDriver, como se muestra a continuación:

    

    Así que, ahora tienes el archivo ejecutable de ChromeDriver disponible en tu máquina, que podemos utilizar en nuestros scripts de prueba. A continuación, vamos a ver cómo configurar ChromeDriver en macOS y utilizarlo en los scripts de prueba de Selenium:

    ¿Cómo configurar ChromeDriver en macOS?

    Ahora que has descargado el ChromeDriver, el siguiente paso es configurarlo para utilizarlo en tus scripts de prueba. También en macOS, podemos seguir las mismas formas, que en Windows, para configurar el ChromeDriver:

    1. Configurar ChromeDriver usando la variable PATH del sistema.
    2. Configurar ChromeDriver usando Propiedades del sistema en el script de prueba.
    3. El 2º punto es la misma configuración que la plataforma Windows, ya que estamos utilizando JAVA para el desarrollo de las pruebas, y JAVA al ser independiente de la plataforma, tendrá el mismo comportamiento en todas las plataformas. Así que vamos a ver cómo podemos configurar el ChromerDriver utilizando la variable PATH del sistema:
       

       ¿Cómo configurar ChromeDriver utilizando la variable PATH del sistema?

       Como hemos mencionado anteriormente, una de las formas más sencillas de hacer que el ejecutable esté disponible globalmente en macOS es copiar el ejecutable bajo cualquiera de las carpetas que ya están en la variable PATH. Sigamos los pasos mencionados a continuación para lograr lo mismo:

       1. Primero, identifique las carpetas incluidas en la variable PATH utilizando el comando ‘echo $PATH ‘ en la terminal. Dará una salida de ejemplo, como se muestra a continuación:

       

       2. En segundo lugar, como podemos ver, múltiples directorios ya forman parte de la variable PATH. Supongamos que elegimos «/usr/local/bin» como directorio marcador de posición para albergar el ejecutable de ChromeDriver.

       3. En tercer lugar, copiamos el archivo ejecutable de ChromeDriver desde el directorio descargado al directorio «/usr/local/bin» utilizando el comando mv como se muestra a continuación:

       1

       mv chromedriver /usr/local/bin/

       Ahora tu ChromeDriver está listo para ser utilizado en tus scripts de prueba de Selenium. Por lo tanto, ahora vamos a escribir un programa sencillo y ejecutar el mismo en la plataforma macOS.

       Al ejecutar el mismo, puedes encontrar los resultados en tu ventana de consola:

       

       Puedes ver que la ejecución se produce con éxito sin ningún error. Ambas sentencias de impresión se están mostrando, lo que indica que nuestra ejecución no se enfrentó a ningún error. Entonces, ¿has visto lo fácil que es ejecutar las pruebas de ChromeDriver en macOS? A diferencia del sistema Windows, donde tienes que recordar la ruta de tu ejecutable del controlador, sólo colocar el controlador en una ubicación en macOS nos hace la vida muy fácil!

       ¿Cómo instalar ChromeDriver usando Homebrew?

       Homebrew es uno de los gestores de paquetes disponibles en macOS, que puede descargar cualquier binario que se registre como un paquete con Homebrew. Por suerte ChromeDriver está disponible como paquete de Homebrew, y podemos descargar y configurar el mismo, con un sencillo comando como el siguiente:

       1	brew cask install chromedriver

       Cuando ejecutamos el comando anterior, se descargará e instalará el ChromeDriver en el directorio «/usr/local/bin «, como se puede validar en la siguiente salida del comando anterior:

       

       Como podemos ver la última versión estable de ChromeDriver se descargó e instaló en el directorio «/usr/local/bin», lo que hace que forme parte de la variable PATH y sea accesible para todas las aplicaciones del sistema.

       Así, de esta manera, ChromeDriver se instaló y configuró en macOS con un solo comando. Otros gestores de paquetes, como NPM, también ofrecen la posibilidad de instalar ChromeDriver, que puede ser explorado en función del gestor de paquetes que estés utilizando en tu máquina.

       Claves para aprender

       • El navegador Chrome es uno de los más populares en términos de cuota de usuarios. Además, 2/3 de los usuarios de la web lo utilizan.
       • La funcionalidad cross-browser de Selenium permite a los usuarios configurar y ejecutar sus pruebas de Selenium con ChromeDriver para ejecutar todas las pruebas en el navegador Chrome.
       • Además, ChromeDriver es un servidor independiente que interactúa con Selenium WebDriver para ejecutar todas las pruebas de selenio en el navegador Chrome.
       • Además, ChromeDriver proporciona ejecutables específicos para cada plataforma, como Windows, macOS, etc., que pueden ser descargados y utilizados para la ejecución en las pruebas de Selenium en el navegador Chrome.