Playwright (Automation + MCP + Scraper)

• JS-renderade sidor — innehållet du behöver finns bara efter att JavaScript har körts (SPA:er, dynamiska tabeller, lazy-loadad data).
• Flerstegs webbläsar-arbetsflöden — formulär, inloggningsflöden, fil-uppladdningar/-nedladdningar eller navigeringssekvenser som är beroende av verkliga webbläsarhändelser och DOM-tillstånd.
• Skärmdumpar, PDF:er och visuell bevisinsamling — du behöver pixelexakt utdata från en renderad sida, inte rå HTML.
• Playwright-testförfattande och felsökning — skriva, köra eller fixa en @playwright/test-svit, spåra CI-flakes eller återskapa UI-buggar i headed-läge.
• MCP-driven webbläsarkontroll — agenten har redan browser_*-verktyg i loopen och du vill ha navigera-klicka-fylla-skärmdump-arbetsflöden utan att skriva ny automationskod.

• Statisk HTML eller enkla HTTP-svar räcker — en enkel fetch eller HTTP-skill är snabbare, billigare och mindre sårbar när sidan inte kräver JavaScript-rendering.
• Rena API-uppgifter — om måltjänsten har ett dokumenterat API är det mer tillförlitligt att anropa det direkt än att styra en webbläsare.
• Extrahering är det enda målet och en icke-webbläsarväg fungerar — föredra dokumenterade API:er eller vanlig HTTP framför att starta upp en hel webbläsare enbart för att skrapa.

Kör npx @playwright/mcp --headless för att exponera browser_navigate, browser_click, browser_type, browser_snapshot och fler som förstklassiga verktygsåtgärder. Den här vägen kräver ingen ny automatiseringskod — agenten styr webbläsaren direkt via MCP-verktygsanrop.

Skriv och kör direkta Playwright-skript (chromium.launch, page.goto, page.screenshot) eller kompletta @playwright/test-sviter med npx playwright test. Stöder körningar med synligt fönster, spårningsinspelning, omförsök och parallella arbetare direkt utan extra konfiguration.

Använd npx playwright codegen <url> för att spela in interaktioner och generera stabila lokalisatorer. Eliminerar gissning av selektorer från källkoden och producerar roll-, etikett- och textbaserade lokalisatorer som överlever mindre DOM-förändringar.

Fånga helsidessskärmdumpar, generera PDF:er, spela in körningsspår och ladda ner filer — allt via antingen MCP-verktygsåtgärder eller direkta API-anrop från Playwright (Automation + MCP + Scraper). Artefakter lagras lokalt i arbetsytan eller systemets temporära katalog.

Skickligheten tillämpar roll-, etikett-, text- och test-ID-selektorer framför skört CSS/XPath, samt webbaserade assertioner framför råa kommandokontroller. Inbyggd vägledning kring åtgärdsbarhetsväntningar förhindrar opålitliga sleep-baserade timingfixar.

Inga dolda filer, beständiga sessioner eller odeklarerade nätverksanrop. Autentiseringstillstånd är tillfälligt om det inte uttryckligen återanvänds. Högrisksflöden i produktion kräver explicit användarbekräftelse innan de fortsätter.

Kör och utöka en befintlig @playwright/test-svit mot en lokal app eller staging-miljö. Använd npx playwright test --trace on för att fånga artefakter vid CI-fel, diagnostisera sedan instabilitet med trace viewer och körningar i headed-läge.

Låt en agent navigera på en webbplats, fylla i ett formulär med flera steg och ta en skärmbild — allt via MCP-åtgärderna browser_navigate, browser_type, browser_click och browser_snapshot — utan att skriva en enda rad Playwright-skript.

Navigera till en JS-renderad sida, vänta på att DOM:en ska stabiliseras och använd sedan browser_evaluate eller ett direkt Playwright-skript för att extrahera strukturerad data. Idealiskt när målet saknar API och innehållet bara visas efter att JavaScript har körts.

Återge en rapporterad UI-regression i headed-läge med npx playwright test --headed, fånga ett spår med --trace on, och granska nätverk, konsol och DOM-ögonblicksbilder för att isolera grundorsaken innan du skriver en fix.