Ejecución de Tests con Playwright: Métodos y Configuración

¿Cómo ejecutar pruebas de tres formas diferentes con Playwright?

Iniciar con Playwright no solo implica generar pruebas, sino también explorarlas desde diversos ángulos y formatos. Aquí te guiamos en el proceso, desde abrir las pruebas en Visual Studio Code y ejecutarlas en la terminal, hasta utilizar diferentes configuraciones que Playwright ofrece para ajustar la ejecución de las pruebas según tus necesidades.

¿Cómo crear y correr un nuevo test con Playwright?

Una de las primeras cosas que queremos dominar al trabajar con Playwright es la creación y ejecución de tests. Puedes seguir estos pasos para comenzar:

1. Crear un nuevo test:

   • Asegúrate de tener instalado Playwright en el directorio de trabajo.
   • Usa el comando para generar un test:

     npx playwright-gen
     

   • Visita el sitio UI Testing Playground para practicar tus habilidades de testing.

2. Registrar acciones:

   • Realiza interacciones en el sitio web.
   • Por ejemplo, navegando entre diferentes enlaces como "Aristóteles" y "Recursos".

3. Copia y guarda el test:

   • Una vez grabadas las acciones, copia el test a un nuevo archivo, por ejemplo, uittesting.spec.ts.

4. Ejecutar el test:

   • Usa el siguiente comando para correr tu test:

     npx playwright test uittesting
     

   • Asegúrate de que el nombre de archivo sea el correcto al ejecutar el test.

¿Qué sucede al ejecutar un informe de test en HTML?

Una vez que ejecutas tus pruebas, Playwright genera un reporte en HTML que te permite examinar los detalles de la ejecución del test.

• Generar y visualizar el reporte:
  • Usa el comando:

    npx playwright show-report
    

  • Esto abrirá un reporte interactivo en un navegador donde podrás ver todos los pasos de tus tests, verifica las pruebas que pasaron y las que fallaron, e identifica cualquier test "flaky" (intermitente) o saltado.

¿Cómo ejecutar test en modo headed y con animación lenta?

Visualizar cómo las pruebas se ejecutan paso a paso puede ser crucial para depurar y ajustar el comportamiento esperado.

1. Modo headed:

   • Ejecuta las pruebas mostrando el navegador y las acciones:

     npx playwright test uittesting --headed
     

   • Útil para ver en tiempo real cómo se realizan las acciones en el navegador.

2. Animación lenta (slow motion):

   • Agrega opciones al archivo playwright.config.ts para reducir la velocidad de ejecución al depurar o entender las acciones claramente:

     // Añade esta configuración dentro de launch options
     use: {
       launchOptions: {
         slowMo: 300 // milisegundos
       }
     }
     

   • Configura la duración de cada acción en milisegundos para una mejor observación.

¿Cómo ejecutar múltiples pruebas simultáneamente y acelerar el flujo de trabajo?

Con Playwright, no estás limitado a ejecutar pruebas secuencialmente; puedes ejecutar múltiples pruebas y paralelizar tareas para optimizar el flujo de trabajo.

• Configurar múltiples tests:

  • Define qué carpeta contiene las pruebas o si necesitas correr múltiples archivos no necesariamente ordenados:

    npx playwright test # ejecuta todos los tests en el directorio configurado
    

  • Utiliza la paralelización automática que Playwright ofrece: ejecutará varios tests simultáneamente usando workers.

• Personalizar y entender la ejecución:

  • Ajusta el archivo de configuración para definir en qué directorio buscar los tests y optimiza la ejecución:
    • Comenta o define claramente la carpeta objetivo para evitar imprevistos en la ejecución.

¿Qué hacer si el test falla?

Cuando un test falla, Playwright automáticamente muestra el resultado en el navegador para dar información detallada sobre la falla.

1. Localización y diagnóstico del error:

   • Revisa el error en el selector de un elemento, que puede estar causando un fallo en los locators.
   • A veces, corregir pequeñas incongruencias en el selector soluciona problemas grandes.

2. Pruebas futuras:

   • En situaciones complicadas, modifica los locators o revisa líneas de errores desde reportes generados.

¿Cómo seguir mejorando tus habilidades con Playwright?

Además de practicar con los comandos y configuraciones mostrados, sigue estas recomendaciones:

• Revisa documentación y recursos adicionales:
  • Explora la documentación oficial de Playwright para descubrir nuevas funcionalidades y optimizaciones.
  • Investiga nuevas formas de organizar y ejecutar pruebas para adaptar a tus flujos de trabajo específicos.

Con estas bases, no solamente crearás tests eficientes, sino que también mejorarás en la depuración y optimización del rendimiento de tus aplicaciones. ¡Continúa explorando y creciendo en esta área fascinante del desarrollo web!