En aquesta secció, aprendrem com executar proves utilitzant Playwright. Després de crear el teu primer script de Playwright, és important saber com executar-lo i interpretar els resultats. Aquest procés és fonamental per al desenvolupament i la depuració de les teves proves automatitzades.
- Preparació de l'Entorn
Abans d'executar les proves, assegura't que el teu entorn estigui correctament configurat:
- Node.js i npm: Assegura't que tens instal·lats Node.js i npm, ja que són necessaris per executar scripts de Playwright.
- Projecte de Playwright: Hauries de tenir un projecte de Playwright configurat amb almenys un script de prova.
- Executant Proves amb Playwright
2.1. Comandament Bàsic
Per executar les proves de Playwright, utilitza el següent comandament a la terminal:
Aquest comandament executarà totes les proves que es trobin dins del directori de proves per defecte (tests
).
2.2. Executant Proves Específiques
Si vols executar una prova específica, pots especificar el camí al fitxer de prova:
2.3. Opcions Addicionals
Playwright ofereix diverses opcions per personalitzar l'execució de les proves:
-
--headed: Executa les proves en mode de navegador visible (no headless).
npx playwright test --headed
-
--project: Executa les proves en un projecte específic si tens configurats múltiples projectes.
npx playwright test --project=chromium
-
--debug: Executa les proves en mode de depuració, permetent-te veure el que succeeix en temps real.
npx playwright test --debug
- Interpretant els Resultats
Després d'executar les proves, Playwright proporcionarà un resum dels resultats:
- Passades: Nombre de proves que han passat correctament.
- Fallades: Nombre de proves que han fallat.
- Temps d'Execució: Temps total que han trigat les proves a executar-se.
Exemple de Sortida
Running 3 tests using 1 worker ✓ tests/example.spec.ts:3:1 › Example Test 1 (500ms) ✕ tests/example.spec.ts:7:1 › Example Test 2 (700ms) ✓ tests/example.spec.ts:11:1 › Example Test 3 (300ms) 2 passed (1 failed) in 1s
- Exercici Pràctic
Objectiu: Executar una prova de Playwright i interpretar els resultats.
Passos:
-
Crea un fitxer de prova
tests/example.spec.ts
amb el següent contingut:import { test, expect } from '@playwright/test'; test('Example Test 1', async ({ page }) => { await page.goto('https://example.com'); expect(await page.title()).toBe('Example Domain'); }); test('Example Test 2', async ({ page }) => { await page.goto('https://example.com'); expect(await page.title()).toBe('Non-Existent Title'); }); test('Example Test 3', async ({ page }) => { await page.goto('https://example.com'); expect(await page.title()).toBe('Example Domain'); });
-
Executa les proves amb el comandament:
npx playwright test
-
Interpreta els resultats i identifica quina prova ha fallat i per què.
Solució:
- La prova
Example Test 2
fallarà perquè l'expectativa del títol no coincideix amb el títol real de la pàgina.
Conclusió
Ara saps com executar proves de Playwright i interpretar els resultats. Aquest coneixement és essencial per al desenvolupament i la depuració de proves automatitzades. En el següent mòdul, aprofundirem en els fonaments de Playwright i TypeScript per escriure proves més robustes i eficients.
Dramaturg amb TypeScript: De Principiant a Avançat
Mòdul 1: Introducció a Playwright i TypeScript
- Què és Playwright?
- Configuració del Teu Entorn de Desenvolupament
- Introducció a TypeScript
- Sintaxi Bàsica de TypeScript
Mòdul 2: Començant amb Playwright
- Instal·lant Playwright
- Creant el Teu Primer Script de Playwright
- Comprenent els Conceptes Bàsics de Playwright
- Executant Proves de Playwright
Mòdul 3: Fonaments de Playwright i TypeScript
- Escrivint Proves en TypeScript
- Utilitzant Interfícies i Tipus de TypeScript
- Depurant Proves de Playwright
- Gestionant Codi Asíncron
Mòdul 4: Funcions Avançades de Playwright
- Treballant amb Selectors
- Gestionant Múltiples Pàgines i Frames
- Intercepció de Xarxa i Simulació
- Emulant Dispositius i Geolocalització
Mòdul 5: Estratègies d'Automatització de Proves
- Organitzant Proves i Suites de Proves
- Utilitzant Fixtures i Hooks
- Execució Paral·lela de Proves
- Integració Contínua amb Playwright
Mòdul 6: Tècniques Avançades de TypeScript
- Generics en TypeScript
- Tipus Avançats de TypeScript
- Decoradors de TypeScript
- Millors Pràctiques de TypeScript i Playwright
Mòdul 7: Aplicacions Reals de Playwright
- Proves de Cap a Cap amb Playwright
- Proves Visuals amb Playwright
- Proves de Rendiment amb Playwright
- Estudi de Cas: Implementant Playwright en un Projecte