Creación de Tests Automatizados con Playwright en Visual Studio Code

¿Cómo puedo crear mi primer test sin escribir código?

Hoy en día notarás que la automatización de pruebas es crucial en el desarrollo de software profesional. Pero no te preocupes; incluso si no sabes programar, es posible crear tests de forma efectiva. ¿Cómo se hace? Usaremos la terminal de Visual Studio Code para lograrlo, y no temas: no es necesario escribir una sola línea de código.

¿Cuál es el primer paso para realizar un test?

1. Abrir la terminal de Visual Studio Code: Inicia abriendo la terminal en Visual Studio Code o cualquier otra terminal.
2. Ejecutar el comando: Utiliza el comando npx playwright codegen para empezar. Este comando generará un par de ventanas, cruciales para nuestro propósito.

¿Qué ventanas se abren con este comando?

El comando npx playwright codegen genera dos ventanas importantes:

• Playwright Inspector: Esta ventana comienza con un código base que indica que ya estás listo para grabar tus pruebas.
• Navegador en modo incógnito: En este caso, se abre una versión de Chromium donde puedes navegar por el sitio web en el que deseas realizar tu test.

¿Cómo navegar e interactuar para grabar un test?

Vamos a poner manos a la obra:

• Escribe una URL: Digita por ejemplo codepen.io en el navegador. CodePen es un gran lugar para obtener inspiración del código de otros desarrolladores.
• Interactúa con la página: A medida que navegas y haces clic en la página, Playwright graba cada movimiento. Por ejemplo, al hacer clic en "Search Pens", se genera automáticamente el correspondiente código de prueba en el inspector.

¿Cómo copiar y ejecutar tu primer test?

1. Copiar el código generado: Una vez que tu interacción ha sido grabada, utiliza el botón de copiar al lado de 'Record' en el inspector para obtener el código generado.
2. Pegar en tu archivo de prueba: Detén el proceso de generación de código con Control-C. Abre tu archivo llamado example.spec.ts, elimina su contenido anterior y pega el nuevo código copiado.
3. Ejecutar el test: Guarda el archivo y ejecuta el comando npx playwright test en la terminal. Al hacerlo, verás cómo el test se ejecuta en el navegador de Chromium y comprobarás que ha pasado exitosamente.

¿Qué beneficios adicionales ofrece Playwright?

Playwright permite flexibilidad con lenguajes de código, lo que significa que:

• Si no estás familiarizado con TypeScript, puedes utilizar JavaScript.
• Puedes convertir tus tests a Python con un solo clic si vienes de ese ecosistema.
• Aunque no sepas .NET, Playwright facilita el inicio de pruebas en este lenguaje.

Crear y ejecutar tu primer test es así de sencillo. ¡Felicitaciones! Has dado un paso importante en el camino de la automatización de pruebas. En futuras clases, abordaremos cómo ejecutar tests de maneras diferentes. ¡Anímate a seguir aprendiendo!