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.

  1. 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.

  1. Executant Proves amb Playwright

2.1. Comandament Bàsic

Per executar les proves de Playwright, utilitza el següent comandament a la terminal:

npx playwright test

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:

npx playwright test tests/nom-de-la-prova.spec.ts

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
    

  1. 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

  1. Exercici Pràctic

Objectiu: Executar una prova de Playwright i interpretar els resultats.

Passos:

  1. 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');
    });
    
  2. Executa les proves amb el comandament:

    npx playwright test
    
  3. 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

Mòdul 2: Començant amb Playwright

Mòdul 3: Fonaments de Playwright i TypeScript

Mòdul 4: Funcions Avançades de Playwright

Mòdul 5: Estratègies d'Automatització de Proves

Mòdul 6: Tècniques Avançades de TypeScript

Mòdul 7: Aplicacions Reals de Playwright

Mòdul 8: Conclusió del Curs i Propers Passos

© Copyright 2024. Tots els drets reservats