Playwright 1.56 introduce tre agent AI integrati che pianificano una suite di test, scrivono i corrispondenti script TypeScript e riparano i locator interrotti al volo. Il risultato: il lavoro estenuante dei test manuali diventa un flusso di lavoro assistito dall'AI.

Perché questo cambiamento è importante

Gli ingegneri dell'automazione seguono da tempo un ciclo ripetitivo: tradurre i requisiti in casi di test, scrivere manualmente gli script, eseguirli e poi inseguire selettori instabili ogni volta che l'interfaccia utente cambia. Il carico di manutenzione può superare il tempo risparmiato dall'automazione, specialmente in front-end in rapida evoluzione. Integrando gli agenti AI direttamente nel framework di testing, Playwright riduce il ciclo “fix-and-run” e permette agli ingegneri di concentrarsi sulla strategia di test di alto livello invece che sulla ricerca dei selettori.

Spiegazione dei tre agenti

  • Planner Agent – Prende una descrizione in linguaggio naturale di ciò che l'applicazione dovrebbe fare, esplora il sito live e genera un piano strutturato in Markdown. Il piano elenca i flussi utente principali e gli scenari edge-case, fornendo un progetto chiaro prima ancora di scrivere il codice.
  • Generator Agent – Elabora il piano Markdown e produce codice di test TypeScript eseguibile. Comunica con il browser in esecuzione per verificare che i selettori siano stabili e può seguire il Page Object Model (un pattern di progettazione che separa la struttura della pagina dalla logica di test) se istruito.
  • Healer Agent – Monitora l'esecuzione dei test; quando un fallimento è riconducibile a un cambiamento dell'interfaccia utente, riproduce i passaggi falliti, ispeziona il DOM aggiornato e suggerisce un selettore o un locator corretto. Il suggerimento appare come una patch bozza che lo sviluppatore può accettare o modificare.

Gli agenti operano in un “ciclo agentico” (agentic loop): Planner → Generator → Healer. Ogni passaggio alimenta il successivo, creando una pipeline auto-regolante che rimane sincronizzata con l'applicazione in fase di test.

In cosa differisce dagli strumenti AI generici

I modelli in stile chat o le estensioni di completamento del codice possono produrre snippet, ma mancano dell'accesso diretto al DOM live e alla specifica configurazione del progetto. Gli agenti di Playwright utilizzano un Model Context Protocol che trasmette la struttura attuale della pagina e le impostazioni del framework di test al modello, permettendo all'AI di ragionare sugli elementi esatti con cui interagirà. Il codice generato non è solo sintatticamente corretto, ma è anche ancorato alla UI reale al momento della generazione.

Come iniziare con pochi comandi

  1. Configura un progetto Node e aggiungi Playwright come dipendenza.
  2. Esegui npx playwright init-agents --loop=vscode per avviare il ciclo AI all'interno del tuo editor.
  3. Scrivi un test “seed” minimo che carichi l'applicazione; questo fornisce