Playwright (Automation + MCP + Scraper)

• Pagine renderizzate con JS — il contenuto necessario esiste solo dopo l'esecuzione di JavaScript (SPA, tabelle dinamiche, dati caricati in modo lazy).
• Flussi di lavoro browser multi-step — form, flussi di login, upload/download di file o sequenze di navigazione che dipendono da eventi reali del browser e dallo stato del DOM.
• Screenshot, PDF e acquisizione di prove visive — è necessario un output pixel-accurato da una pagina renderizzata, non HTML grezzo.
• Creazione e debug di test con Playwright (Automation + MCP + Scraper) — scrittura, esecuzione o correzione di una suite @playwright/test, analisi di flake nella CI o riproduzione di bug dell'interfaccia utente in modalità headed.
• Controllo del browser tramite MCP — l'agente ha già strumenti browser_* nel ciclo e si desidera eseguire flussi di lavoro naviga-clicca-compila-screenshot senza scrivere nuovo codice di automazione.

• L'HTML statico o le semplici risposte HTTP sono sufficienti — un semplice fetch o uno skill HTTP è più veloce, economico e robusto quando la pagina non richiede il rendering JavaScript.
• Attività puramente API — se il servizio di destinazione dispone di un'API documentata, chiamarla direttamente è più affidabile che pilotare un browser.
• L'estrazione è l'unico obiettivo e funziona un percorso senza browser — preferire le API documentate o il semplice HTTP prima di avviare un browser completo solo per fare scraping.

Esegui npx @playwright/mcp --headless per esporre browser_navigate, browser_click, browser_type, browser_snapshot e altri come azioni di strumento di primo livello. Questo percorso non richiede nuovo codice di automazione — l'agente controlla il browser direttamente tramite chiamate agli strumenti MCP.

Scrivi ed esegui script Playwright diretti (chromium.launch, page.goto, page.screenshot) o suite complete con @playwright/test tramite npx playwright test. Supporta esecuzioni con interfaccia grafica, acquisizione di tracce, tentativi ripetuti e worker paralleli senza configurazioni aggiuntive.

Usa npx playwright codegen <url> per registrare le interazioni e generare locator stabili. Elimina la necessità di indovinare i selettori dal sorgente e produce locator basati su ruolo, etichetta e testo, che resistono alle modifiche minori del DOM.

Acquisisci screenshot a pagina intera, genera PDF, registra tracce di esecuzione e scarica file — tutto tramite azioni MCP tool o chiamate dirette all'API di Playwright (Automation + MCP + Scraper). Gli artefatti rimangono in locale nella directory di lavoro o nella directory temporanea di sistema.

La competenza impone l'uso di selettori basati su ruolo, etichetta, testo e test-ID rispetto ai fragili selettori CSS/XPath, e di asserzioni web-first rispetto ai controlli con comandi grezzi. La guida integrata sui controlli di azionabilità previene i fragili hack di temporizzazione basati su sleep.

Nessun file nascosto, sessione persistente o chiamata di rete non dichiarata. Lo stato di autenticazione è temporaneo a meno che non venga esplicitamente riutilizzato. I flussi di produzione ad alto rischio richiedono una conferma esplicita da parte dell'utente prima di procedere.

Esegui ed estendi una suite @playwright/test esistente su un'app locale o di staging. Usa npx playwright test --trace on per acquisire gli artefatti in caso di fallimenti nella CI, quindi diagnostica l'instabilità con il visualizzatore di trace e le esecuzioni in modalità headed.

Lascia che un agente navighi un sito, compili un modulo a più passaggi e acquisisca uno screenshot — tutto tramite le azioni MCP browser_navigate, browser_type, browser_click e browser_snapshot — senza scrivere una singola riga di script Playwright (Automation + MCP + Scraper).

Naviga verso una pagina renderizzata in JavaScript, attendi che il DOM si stabilizzi, quindi utilizza browser_evaluate o uno script Playwright diretto per estrarre dati strutturati. Ideale quando il sito di destinazione non dispone di API e il contenuto appare solo dopo l'esecuzione di JavaScript.

Riproduci una regressione UI segnalata in modalità con interfaccia grafica usando npx playwright test --headed, acquisisci una traccia con --trace on, e ispeziona le snapshot di rete, console e DOM per isolare la causa principale prima di scrivere una correzione.