
Playwrightkurs
Bli en mästare på Playwright från grunden och bygg automatiserade webbläsartester som faktiskt håller i produktion. Den här kursen täcker allt från centrala interaktioner och smarta väljare till nätverksmockning, CI-integration och visuell testning. Oavsett om du är ny inom testautomatisering eller vill förbättra dina färdigheter kommer du att lämna kursen med en yrkesmässig Playwright-testsvit.
Vad du kommer att lära dig:
Du börjar med att installera Playwright och skriva ditt första automatiserade webbläsartest, för att sedan successivt ta itu med selektorer, asynkron hantering och webb-först-påståenden. Du lär dig att fånga upp och simulera nätverksanrop, hantera autentiseringstillstånd och organisera tester med hjälp av fixtures och Page Object Model. Kursen täcker också API-testning, emulering över flera webbläsare och mobiler, bästa praxis för TypeScript och konfiguration av CI-pipelines. När kursen är slut kommer du att veta hur man felsöker misslyckanden med spårningsvisaren, minskar instabilitet och kommunicerar testresultat till ditt team.
Hur du studerar praktiskt Playwrightkurs
Hur du övar Playwrightkurs
För dig som är företag och vill utbilda ditt team
På Dedika för företag anpassas kursen med övningar och exempel från just din verksamhet, på det sätt som ditt företag behöver.
Kursinnehåll
8 Kapitlen • 33 LektionerVaraktighet mellan 4 och 360 timmar (du bestämmer)
Kapitel 1DöljDölj detaljerSe detaljerIntroduktion till Playwright och installation
Introduktion till Playwright och installation
Lektion 1 • Installera Playwright och beroenden
Guider studenterna genom installation av Node.js, Playwright och webbläsarbinärer. Säkerställer en konsekvent, reproducerbar lokal miljö.
Lektion 2 • Vad är Playwright
Behandlar Playwrights roll inom webbläsarautomatisering och hur det jämförs med liknande verktyg. Sätter den konceptuella grunden för hela kursen.
Lektion 3 • Köra ditt första test
Demonstrerar hur man skriver och kör ett minimalt testskript. Kopplar installationskunskap till observerbar testutdata.
Lektion 4 • Projektstruktur och konfiguration
Förklarar standardprojektlayouten och Playwrights konfigurationsfil. Studenterna anpassar inställningar för att matcha vanliga projektbehov.
Kapitel 2DöljDölj detaljerSe detaljerGrundläggande interaktioner med webbläsare och sidor
Grundläggande interaktioner med webbläsare och sidor
Lektion 1 • Navigera sidor och URL:er
Lär ut navigeringsmetoder och hur man hanterar omdirigeringar och laddningstillstånd. Möjliggör direkt pålitlig testuppsättning på sidnivå.
Lektion 2 • Starta och hantera webbläsare
Behandlar startalternativ för webbläsare, kontexter och livscykelhantering. Etablerar hierarkin webbläsare-kontext-sida som används genom hela kursen.
Lektion 3 • Interagera med sidelement
Introducerar klick, fyll i, skriv och tangentbordsåtgärder på DOM-element. Utgör grunden för att simulera verkligt användarbeteende.
Lektion 4 • Arbeta med flera flikar och popup-fönster
Förklarar hur man upptäcker och styr nya flikar, popup-fönster och dialogrutor. Förbereder studenterna för komplexa testscenarier med flera fönster.
Kapitel 3DöljDölj detaljerSe detaljerVäljare och strategier för elementlokalisering
Väljare och strategier för elementlokalisering
Lektion 1 • Bästa praxis för väljare och felsökning
Behandlar väljarrobusthet, undvikande av sköra mönster och användning av Playwright Inspector. Kopplar väljarkvalitet till långsiktig testunderhållbarhet.
Lektion 2 • Inbyggda väljarmotorer
Översikt över CSS-, XPath-, text- och rollväljare som är tillgängliga i Playwright. Ger studenterna en komplett verktygslåda för elementinriktning.
Lektion 3 • Tillgänglighet och semantiska väljare
Fokuserar på hjälpfunktionerna getByRole, getByLabel, getByPlaceholder och getByText. Främjar tillgänglig, underhållbar testkod.
Lektion 4 • Playwright Locator API
Introducerar Locator-objektet som den föredragna elementreferensmekanismen. Förklarar lat utvärdering och auto-väntningsbeteende.
Kapitel 4DöljDölj detaljerSe detaljerHantera asynkront beteende och väntan
Hantera asynkront beteende och väntan
Lektion 1 • Händelsedrivna väntningsmönster
Demonstrerar page.waitForEvent() och Promise.all()-samordning för samtidiga händelser. Hanterar komplexa asynkrona flöden utan godtyckliga fördröjningar.
Lektion 2 • Explicita väntningar och villkor
Behandlar waitForSelector, waitForFunction och waitForCondition-mönster. Adresserar scenarier där auto-väntan inte är tillämplig.
Lektion 3 • Playwrights auto-väntningsmekanism
Förklarar hur Playwright automatiskt väntar på åtgärdbarhet före interaktioner. Minskar behovet av manuella väntningar i de flesta scenarier.
Lektion 4 • Vänta på nätverk och navigering
Lär ut waitForResponse, waitForRequest och alternativ för navigeringsladdningstillstånd. Synkroniserar tester med backend-datahämtning på ett tillförlitligt sätt.
Kapitel 5DöljDölj detaljerSe detaljerFörväntningar och testvalidering
Förväntningar och testvalidering
Lektion 1 • Grunderna i Expect API
Introducerar funktionen expect() och dess matchningsmetoder. Etablerar förväntningssyntaxen som används i alla efterföljande kapitel.
Lektion 2 • Ögonblicksbilder och visuella förväntningar
Lär ut skärmdumpsbaserade och DOM-ögonblicksbildsförväntningar för visuell regression. Kopplar visuella kontroller till en bredare kvalitetsstrategi.
Lektion 3 • Webb-först-förväntningar
Behandlar toBeVisible, toHaveText, toHaveValue och liknande asynkrona matchningsmetoder. Förklarar auto-omprövningsbeteendet som gör förväntningar robusta.
Lektion 4 • Anpassade förväntningsmönster
Demonstrerar hur man utökar expect med anpassade matchningsmetoder och återanvändbara förväntningshjälpfunktioner. Förbättrar läsbarhet och minskar duplicering över testsviter.
Kapitel 6DöljDölj detaljerSe detaljerTestorganisation och fixturer
Testorganisation och fixturer
Lektion 1 • Inbyggda och anpassade fixturer
Introducerar Playwrights fixtursystem för beroendeinjektion i tester. Studenterna skapar anpassade fixturer för att kapsla in återanvändbar installationslogik.
Lektion 2 • Grunderna i testkörning
Förklarar test(), describe() och testkörningens livscykel. Ger den organisatoriska grunden för alla testfiler.
Lektion 3 • Hooks för uppsättning och nedmontering
Behandlar beforeAll, afterAll, beforeEach och afterEach hooks. Lär ut hur man isolerar tillstånd mellan tester på ett tillförlitligt sätt.
Lektion 4 • Taggning, filtrering och testmetadata
Demonstrerar taggning av tester, användning av grep-filter och bifogning av metadata. Möjliggör selektiv testexekvering i CI och lokala arbetsflöden.
Kapitel 7DöljDölj detaljerSe detaljerNätverksavlyssning och mockning
Nätverksavlyssning och mockning
Lektion 1 • Grunderna i Route API
Introducerar page.route() för att avlyssna nätverksförfrågningar med URL-mönster. Etablerar avlyssningsmodellen som används genom hela detta kapitel.
Lektion 2 • HAR-filer och nätverksinspelning
Förklarar inspelning av nätverkstrafik till HAR-filer och uppspelning av dem i tester. Ger en skalbar metod för att mocka komplexa API-interaktioner.
Lektion 3 • Inspektion av förfrågningar och förväntningar
Behandlar att fånga förfrågningsdetaljer, ställa förväntningar på nyttolaster och verifiera anropsantal. Validerar att applikationen skickar korrekt nätverkstrafik.
Lektion 4 • Mocka API-svar
Demonstrerar att returnera anpassad JSON, statuskoder och rubriker från avlyssnade förfrågningar. Möjliggör testning av feltillstånd och gränsfall.
Kapitel 8DöljDölj detaljerSe detaljerAvancerade Playwright-mönster och CI-integration
Avancerade Playwright-mönster och CI-integration
Lektion 1 • Implementering av Page Object Model
Lär ut att strukturera tester med Page Object Model för att kapsla in UI-interaktioner. Minskar duplicering och förbättrar långsiktig underhållbarhet.
Lektion 2 • Rapporterings- och felsökningsverktyg
Behandlar inbyggda rapportörer, spårningsvisare och videoinspelning för att diagnostisera fel. Utrustar studenterna att undersöka och lösa testfel effektivt.
Lektion 3 • Parallell exekvering och sharding
Konfigurerar parallella arbetare och test-sharding för snabbare svitexekvering. Förbereder testinfrastruktur för storskaliga projekt.
Lektion 4 • Prestanda- och skalbarhetsoptimering
Adresserar optimering av tidsgränser, resursrensning och profilering av testsviter. Säkerställer att testsviten förblir snabb och tillförlitlig när den växer.
Lektion 5 • CI-pipeline-integration
Demonstrerar konfiguration av Playwright i CI-miljöer med cachelagring och artefaktlagring. Levererar ett produktionsredo automatiserat testarbetsflöde.
Ditt giltiga slutförandecertifikat
Den här kursen är för dig:
Frontend-utvecklare: vill lägga till automatiserad testning till sina befintliga färdigheter.
QA-ingenjör: redo att gå från manuell testning till skriptbaserad automatisering.
Backend-utvecklare: behöver validera UI-beteende utan att vara beroende av ett annat team.
Karriärbytare: övergång till mjukvarukvalitet från en bakgrund utan testning.
DevOps-ingenjör: vill bädda in tillförlitliga webbläsartester direkt i CI-pipelines.
Frilansande utvecklare: vill leverera projekt av högre kvalitet med automatiserad regressionstäckning.
Vad våra elever säger
Era lektioner är perfekta. Jag köpte årspaketet och har äntligen möjlighet att följa olika ämnen som intresserar mig utan att behöva byta plattform... tack för allt ni gör, jag har redan rekommenderat er till andra...

Jag gillar hur lektionerna går rakt på sak och hur jag kan byta kapitel och hoppa över innehåll som jag inte behöver.

Jag gillar innehållet och presentationssättet samt transkriptionen av videorna, vilket påskyndar processen!

Plattformen är snabb och enkel att använda. Mångfalden av innehåll och de kompletterande videorna hjälper mycket i inlärningen.

Viktigaste kompetenserna
FAQ
Vem är Dedika?
Är intyget giltigt i Sverige?
Är kurserna gratis?
Vad är kursens arbetsinsats?
Hur ser kurserna ut?
Hur fungerar kurserna?
Hur lång tid tar kurserna?
Vad kostar kurserna?
Vad är en EAD- eller onlinekurs och hur fungerar den?
PDF-kurs




















