En esta sección, aprenderás cómo instalar Playwright en tu entorno de desarrollo. Playwright es una herramienta poderosa para la automatización de pruebas de aplicaciones web, y su instalación es el primer paso para comenzar a escribir pruebas efectivas. Asegúrate de seguir cada paso cuidadosamente para evitar problemas comunes durante la instalación.

Antes de instalar Playwright, asegúrate de tener lo siguiente:

1. Node.js: Playwright requiere Node.js. Puedes descargarlo desde nodejs.org. Se recomienda instalar la versión LTS (Long Term Support).
2. npm: Node.js incluye npm (Node Package Manager), que se utilizará para instalar Playwright.

Primero, crea un nuevo directorio para tu proyecto y navega a él desde la terminal:

Inicializa un nuevo proyecto de Node.js:

Este comando creará un archivo package.json con la configuración predeterminada.

Ahora, instala Playwright usando npm. Ejecuta el siguiente comando en tu terminal:

Este comando descargará e instalará Playwright y sus dependencias en tu proyecto.

Para asegurarte de que Playwright se ha instalado correctamente, puedes verificar la versión instalada ejecutando:

Deberías ver la versión de Playwright que se ha instalado.

Playwright soporta múltiples navegadores (Chromium, Firefox, WebKit). Para instalar estos navegadores, ejecuta:

Este comando descargará los navegadores necesarios para ejecutar las pruebas.

Si deseas utilizar TypeScript en tu proyecto, instala TypeScript y los tipos necesarios:

Crea un archivo de configuración de TypeScript tsconfig.json:

Tarea: Completa la instalación de Playwright y verifica que puedes ejecutar un script básico.

1. Crea un archivo index.js o index.ts en tu proyecto.

2. Escribe un script simple que abra un navegador usando Playwright:

   const { chromium } = require('playwright');
   
   (async () => {
     const browser = await chromium.launch();
     const page = await browser.newPage();
     await page.goto('https://example.com');
     console.log(await page.title());
     await browser.close();
   })();
   

3. Ejecuta el script usando Node.js:

   node index.js
   

   Si todo está configurado correctamente, deberías ver el título de la página "Example Domain" en la consola.

Has instalado Playwright y configurado tu entorno de desarrollo para comenzar a escribir scripts de automatización. En la siguiente sección, aprenderás a crear tu primer script de Playwright y explorarás los conceptos básicos de esta herramienta. Asegúrate de que tu entorno esté correctamente configurado antes de continuar.