Cómo empezar a usar WebdriverIO con Experitest

Webdriver.io es una aplicación móvil y para navegador prueba de automatización WebdriverIO es un framework que se ha popularizado recientemente en la industria de las pruebas de software. Este framework gratuito y de código abierto está escrito en JavaScript y se ejecuta en Node.js. Distribuido en npm, WebdriverIO es fácil de instalar y usar. Permite probar tanto aplicaciones web como aplicaciones móviles nativas.

WebDriver es popular porque se basa en Selenium, lo que permite ejecutar scripts de prueba en todos los navegadores. Si bien ofrece todas las ventajas de Selenium, elimina la complejidad de escribir scripts en Java. Permite integrarlo fácilmente con diversos frameworks de pruebas, como Appium, para obtener lo mejor de ambos mundos. Obtenga más información sobre la transición desde Selenium a Appium, y cómo capacitar a sus evaluadores web con Digital.ai Continuous Testing.

Los comandos del tutorial de WebdriverIO son sencillos y concisos. La sintaxis es bastante clara. El asistente de configuración de wdio te guía durante el proceso de configuración de tu proyecto. Con Testrunner puedes escribir comandos asíncronos de forma síncrona. Además, puedes añadir hooks para realizar acciones específicas durante el proceso de prueba. Por ejemplo, puedes capturar una pantalla de un mensaje de error. La disponibilidad de una gran comunidad te ayuda a resolver rápidamente los problemas cuando te encuentras con errores.

Aquí tienes un tutorial paso a paso sobre cómo instalar y ejecutar scripts de prueba utilizando WebriverIO.

Paso 1: Instalar Node.JS

Para usar este tutorial de WebDriverIO, debes tener Node.js y el Administrador de Paquetes de Node (npm) instalados en tu máquina. Al instalar Node.js, npm se instala automáticamente.

Visita el sitio web de Node.js y descarga la última versión LTS. La versión LTS actual es la 12.18.0 y la versión de npm es la 6.14.4.

https://nodejs.org/en/download/

Descarga el archivo .msi e instálalo.

Haz clic en Siguiente y acepta el acuerdo de licencia.

Elija el nodejs carpeta en la siguiente pantalla.

En la pantalla de configuración personalizada, puede personalizar las funciones que se instalarán.

Si necesita herramientas adicionales para los módulos nativos, puede instalarlas marcando la casilla en la pantalla de módulos nativos.

Haz clic en Siguiente para comenzar el proceso de instalación.

Una vez finalizada la instalación, haga clic en finalizar.

Para comprobar si Node.js y npm están correctamente instalados en la máquina, abra la línea de comandos y escriba los siguientes comandos:

• Nodo – v
• Npm – v

Si en la pantalla se muestran las versiones de Node.js y npm, significa que las herramientas están listas para usar.

Paso 2: Crear un directorio de proyecto

Antes de comenzar el proyecto, crea un directorio de proyecto para organizar todos los datos del proyecto en una sola carpeta.

Abre la línea de comandos y crea un directorio usando el comando mkdir.

• mkdir experitestdemo

Ahora, navega a ese directorio usando el comando cd.

• demostración de experto en CD

Paso 3: Crear Package.JSON

Abre la ventana de comandos y escribe el siguiente comando:

• npm init -y

Nota: El parámetro –y creará un paquete predeterminado.

Paso 4: Instalar la interfaz de línea de comandos de WebDriverIO

Para instalar WebDriverIO CLI, escriba el siguiente comando en la línea de comandos.

• npm install @wdio/cli

Una vez finalizada la instalación, se mostrarán los detalles del paquete añadido.

Paso 5: Crear un archivo de configuración de WebDriverIO

Para ejecutar scripts de prueba con WebDriverIO, cree un archivo de configuración que contenga los detalles de las pruebas, las capacidades y la configuración. Para ello, introduzca el siguiente comando en la línea de comandos:

• Configuración de npx wdio

Se abre el asistente de configuración de wdio. Proporcione los detalles necesarios, como el backend de automatización, el framework, la herramienta de informes, etc.

1. ¿Dónde se encuentra tu backend de automatización? En mi máquina local (Si deseas ejecutar las pruebas en la nube, puedes especificar la ubicación remota aquí).
2. ¿Qué framework quieres usar? Mocha
3. ¿Síncrono o asíncrono? Síncrono
4. ¿Dónde se encuentran las especificaciones de prueba? Elija la opción predeterminada.
5. ¿Qué herramienta de informes utilizar? Ninguna
6. ¿Quieres añadir un servicio de prueba a la configuración? Chromedriver
7. ¿Cuál es la URL base? https://experitest.com

Se mostrará un mensaje indicando que el paquete se ha instalado correctamente y que el archivo de configuración se ha creado correctamente.

Paso 6: Crear especificaciones

Antes de ejecutar las pruebas, es importante guardar todos los scripts de prueba en un solo lugar. Para ello, cree un directorio llamado «test» en la carpeta del proyecto, acceda a él y cree una carpeta llamada «specs». Ahora, cree un archivo JavaScript dentro de «specs», escriba su script de prueba y guárdelo.

Aquí tenéis un ejemplo de JavaScript:

[javascript] describe('página de experimentest.com', () => { it('debería tener el título correcto', () => { browser.url('https://experitest.com.') const title = browser.getTitle() expect(browser).toHaveTitle('Experitest: Pruebas de extremo a extremo para aplicaciones móviles y navegadores'); }) }) [/javascript]

Paso 7: Ejecuta tus pruebas

Para ejecutar el script de prueba, escriba el siguiente comando:

• npx wdio wdio.conf.js

El script de prueba abrió correctamente el navegador Chrome, comprobó el título y cerró el navegador.

¡WebdriverIO ya está listo para usar! Así que escribe tus scripts y ejecútalos al instante. Asegúrate de probar la versión de prueba gratuita de Experitest aquí..

Guy Arieli – CTO