Automatyzacja testów funkcjonalnych aplikacji internetowych z użyciem Playwright i TypeScript

Podczas warsztatów uczestnicy zdobędą praktyczne kompetencje w zakresie automatyzacji testów E2E z Playwright i TypeScript. Wspólnie zbudujemy od podstaw środowisko testowe, napiszemy zestawy stabilnych testów oraz omówimy techniki pracy z lokalizatorami, mockowaniem API, izolacją testów i kontrolą środowiska. Szczególny nacisk położymy na tworzenie testów zgodnych z wzorcami projektowymi i budowanie architektury POM, która skaluje się wraz z projektem. Po szkoleniu uczestnicy będą w stanie przygotować pełny proces automatyzacji testów, integrować go z CI/CD oraz skutecznie wykrywać regresje w aplikacjach webowych o różnej skali.

Program

Przygotowanie i konfiguracja projektu

  1. Przygotowanie środowiska programistycznego
  2. Utworzenie projektu w oparciu o Node.js/TypeScript
  3. Omówienie package.json i możliwości konfiguracyjnych

TypeScript - przypomnienie

  1. Zmienne, typy danych oraz zakres widoczności
  2. Pętle i instrukcje warunkowe
  3. Funkcje i obiekty
  4. Asynchroniczność, Obietnice (Promises) i Async/Await
  5. Programowanie funkcyjne a obiektowe
  6. Typy złożone, interfejsy i type guards
  7. Enumeracje
  8. Typy uniwersalne (Generics)

Wprowadzenie do Playwright

  1. Omówienie biblioteki Playwright
  2. Instalacja i konfiguracja
  3. Pierwsze uruchomienie
  4. Lokalizatory a selektory elementów
  5. Akcje - interakcja z elementami strony WWW
  6. Obsługa nawigacji, ramek (iframe) oraz wyskakujących okienek (popup)
  7. Struktura testów
  8. Asercje - weryfikacja treści na stronie i oczekiwanych wyników
  9. Uruchamianie zbiorów testów i tworzenie konfiguracji

Playwright – zaawansowane funkcjonalności

  1. Page Object Model
  2. Asercje wizualne
  3. Generowanie zrzutów ekranu i filmów z testów
  4. Debugowanie testów w trybie UI
  5. Generowanie raportów
  6. Symulacja interakcji na klawiaturze
  7. Wsparcie innych przeglądarek
  8. Wgrywanie (upload) oraz pobieranie (download) plików
  9. Mockowanie API
  10. Zarządzanie sesjami i autoryzacja przeglądarki

Narzędzia i dobre praktyki

  1. Organizowanie kodu
  2. Definiowanie środowisk i zmiennych globalnych
  3. Automatyzacja kontroli jakości kodu

Podsumowanie

  1. Sesja Q&A
  2. Najlepsze praktyki
  3. Dalsze kroki w nauce Playwright