UI tesztautomatizálás Playwright és TypeScript segítségével – Kezdő tanfolyam

Ez a Playwright kezdő tanfolyam a tesztautomatizáló keretrendszert tanítja meg az alapoktól, lépésről lépésre. A tananyag úgy épül fel, hogy minél hamarabb sikerélményed legyen: az első videók után már saját tesztet írsz és futtatod azt.

Környezet és projekt felépítés: A nulláról indulunk – telepítjük a szükséges eszközöket (Node.js, Git, VS Code), felállítjuk a Playwright projektet, és megismerkedünk a tesztfuttatás különböző módjaival: parancssor, beépített UI mode és VS Code extension. Egy demó webshop alkalmazást használunk a gyakorláshoz a teljes kurzus során.

Elemek azonosítása: Megismered a DOM működését, az XPath és CSS selector alapjait, majd részletesen átvesszük a Playwright összes beépített lokátorát: getByRole, getByLabel, getByText, getByPlaceholder, getByAltText, getByTitle, getByTestId – és a lokátorok szűrését. Megtanulod, melyiket mikor érdemes használni, és hogyan írhatsz stabil, karbantartható lokátorokat.

Interakciók és ellenőrzések: Végigmegyünk a legfontosabb felhasználói műveleteken: navigáció, szöveg beírása, egér műveletek, checkbox, rádiógomb, legördülő lista, fókusz, scroll. Részletesen foglalkozunk a web-first és generic assertion-ökkel, a soft assertion-ökkel és a pollozással. Megtanulod az adatok kinyerését a felületről: bemeneti értékek, szövegtartalom, attribútumok és több elem feldolgozása.

Haladó interakciók: Drag and drop, fájl feltöltés (alapok és FileChooser), fájl letöltés, csúszka kezelés (BoundingBox módszerrel is), actionability check, JavaScript kód futtatása a böngészőben, üzenet validáció, dialog kezelés, táblázatok kezelése, várakozások, waitForSelector és dátumválasztó kezelése.

Konfiguráció és eszközök: Megismered a timeout-ok működését és beállítását, a beépített és saját annotációkat, a hook-okat (before/after), a tesztfutás debugolásának módszereit, a kódgenerálást és a tesztek csoportosítását.

Valós tesztek: A kurzus zárásaként egy webalkalmazáson írsz teszteket: bejelentkezés, regisztráció, termékoldal szűrése, és a kosár folyamat tesztelése – beleértve a lokátorok felépítését, az értékek konvertálását, az Order Summary ellenőrzését és a tesztkód refaktorálását.

A kurzus elvégzése után képes leszel:

• Önállóan felállítani és konfigurálni egy Playwright projektet
• A tesztfuttatás különböző módjait alkalmazni (CLI, UI mode, VS Code)
• Webelemeket pontosan és robusztusan azonosítani a beépített lokátorokkal
• Teljes felhasználói folyamatokat automatizáltan tesztelni
• Web-first és generic assertion-öket helyesen használni
• Összetett elemeket kezelni: táblázatok, fájlok, dialog-ok, dátumválasztók
• Átlátható és jól követhető tesztlépéseket írni
• Hibákat debugolni és a tesztfutást nyomon követni

Előkövetelmény:

• Tesztelési ismeretek
• Alapszintű programozási ismeretek, lehetőleg JavaScript/TypeScript nyelven

Kinek ajánljuk a kurzust?

• Frontend fejlesztőknek, akik szeretnék automatizálni UI tesztjeiket
• QA mérnököknek, akik megbízható és gyors tesztelési eszközt keresnek
• Mindenkinek, aki hatékonyan szeretne modern webalkalmazásokat tesztelni

Miért a Playwright?

• Gyors és stabil
• Többplatformos és böngészőfüggetlen működés
• Beépített várakozáskezelés és részletes hibakeresési eszközök

Ha az alapokat elsajátítottad, folytathatod a haladó tanfolyammal.