Playwright (Automation + MCP + Scraper)

• JS-renderöidyt sivut — tarvitsemasi sisältö on olemassa vasta JavaScriptin suorituksen jälkeen (SPA-sovellukset, dynaamiset taulukot, laiskasti ladattu data).
• Monivaiheinen selaintyöskentely — lomakkeet, kirjautumisvirrat, tiedostojen lataukset/lataamiset tai navigointisekvenssit, jotka ovat riippuvaisia todellisista selaintapahtumista ja DOM-tilasta.
• Kuvakaappaukset, PDF-tiedostot ja visuaalinen todisteiden tallennus — tarvitset pikselintarkan tulosteen renderöidyltä sivulta, ei raakaa HTML:ää.
• Playwright-testien kirjoittaminen ja virheenkorjaus — @playwright/test-paketin kirjoittaminen, ajaminen tai korjaaminen, CI-epävakauksien jäljittäminen tai käyttöliittymävirheiden toistaminen headed-tilassa.
• MCP-ohjattu selaimen hallinta — agentilla on jo browser_*-työkalut käytössä ja haluat navigate-click-fill-screenshot-työnkulkuja ilman uuden automaatiokoodin kirjoittamista.

• Staattinen HTML tai yksinkertaiset HTTP-vastaukset riittävät — tavallinen fetch tai HTTP-taito on nopeampi, halvempi ja vähemmän hauras, kun sivu ei vaadi JavaScript-renderöintiä.
• Puhtaat API-tehtävät — jos kohdepalvelulla on dokumentoitu API, sen suora kutsuminen on luotettavampaa kuin selaimen ohjaaminen.
• Tiedon poiminta on ainoa tavoite ja selaimeton reitti toimii — suosi dokumentoituja API-rajapintoja tai tavallista HTTP:tä ennen kuin käynnistät kokonaisen selaimen pelkästään tiedon kaapimiseksi.

Suorita npx @playwright/mcp --headless paljastaaksesi browser_navigate, browser_click, browser_type, browser_snapshot ja muut ensiluokkaisina työkalutoimintoina. Tämä polku ei vaadi uutta automaatiokoodia — agentti ohjaa selainta suoraan MCP-työkalukutsujen kautta.

Kirjoita ja suorita suoria Playwright-skriptejä (chromium.launch, page.goto, page.screenshot) tai täydellisiä @playwright/test-testisarjoja komennolla npx playwright test. Tukee näkyvällä selaimella ajamista, jälkien tallennusta, uudelleenyrityksiä ja rinnakkaisia työntekijöitä heti käyttövalmiina.

Käytä komentoa npx playwright codegen <url> tallentaaksesi vuorovaikutukset ja luodaksesi vakaat lokaattorit. Poistaa tarpeen arvata selektoreita lähdekoodista ja tuottaa rooli-, tunniste- ja tekstipohjaisia lokaattoreita, jotka kestävät pieniä DOM-muutoksia.

Ota koko sivun kuvakaappauksia, luo PDF-tiedostoja, tallenna suorituksen jälkiä ja lataa tiedostoja — kaikki joko MCP-työkalutoimintojen tai suorien Playwright (Automation + MCP + Scraper) API-kutsujen kautta. Artefaktit tallennetaan paikallisesti työtilaan tai järjestelmän väliaikaishakemistoon.

Taito pakottaa käyttämään rooli-, tunniste-, teksti- ja testi-ID-valitsimia hauraan CSS/XPath-lähestymistavan sijaan, sekä web-ensisijaisia väittämiä raakoja komentotarkistuksia vastaan. Sisäänrakennettu ohjeistus toimintavalmiusodotuksista estää epävakaat sleep-pohjaiset ajoitustemput.

Ei piilotettuja tiedostoja, pysyviä istuntoja tai ilmoittamattomia verkkokutsuja. Todennustila on väliaikainen, ellei sitä nimenomaisesti käytetä uudelleen. Korkean riskin tuotantovirrat edellyttävät käyttäjän nimenomaista vahvistusta ennen jatkamista.

Suorita ja laajenna olemassa olevaa @playwright/test-pakettia paikallista tai staging-sovellusta vasten. Käytä komentoa npx playwright test --trace on artefaktien tallentamiseen CI-epäonnistumisia varten, ja diagnosoi epästabiilisuus trace viewer -työkalulla ja headed-uudelleenajolla.

Anna agentin navigoida sivustolla, täyttää monivaiheinen lomake ja ottaa kuvakaappaus — kaikki browser_navigate-, browser_type-, browser_click- ja browser_snapshot-MCP-toimintojen avulla — kirjoittamatta yhtään riviä Playwright (Automation + MCP + Scraper) -skriptiä.

Siirry JavaScript-renderoidulle sivulle, odota DOM:n vakiintumista ja käytä sitten browser_evaluate-komentoa tai suoraa Playwright (Automation + MCP + Scraper) -skriptiä jäsennellyn datan poimimiseen. Ihanteellinen silloin, kun kohteella ei ole API:a ja sisältö näkyy vasta JavaScriptin suorituksen jälkeen.

Toista raportoitu UI-regressio näkyvässä tilassa komennolla npx playwright test --headed, tallenna jäljitys --trace on -valinnalla ja tarkastele verkko-, konsoli- ja DOM-tilannekuvia perimmäisen syyn selvittämiseksi ennen korjauksen kirjoittamista.