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.

Dla kogo jest
to szkolenie

Ten warsztat najlepiej działa wtedy, gdy uczestnicy chcą przełożyć wiedzę na praktyczne decyzje projektowe i kod pisany w realnych warunkach.

Szkolenie jest dla Ciebie jeśli

  • chcesz uporządkować wiedzę i zobaczyć, jak stosować ją w codziennej pracy
  • pracujesz przy aplikacjach lub narzędziach, które muszą być czytelne, rozwijalne i testowalne
  • lubisz praktyczne ćwiczenia, dyskusję o trade-offach i przykłady bliskie realnym projektom

To nie jest najlepszy wybór jeśli

  • szukasz wyłącznie teoretycznego wykładu bez pracy warsztatowej
  • potrzebujesz bardzo podstawowego wprowadzenia od zera do programowania
  • oczekujesz gotowych recept bez omawiania kontekstu, ograniczeń i konsekwencji decyzji

Prowadzący

Mateusz
Jabłoński

Senior Frontend Developer, trener i autor materiałów. Od 2016 roku prowadzę szkolenia z JavaScriptu, TypeScriptu, Reacta, testowania oraz narzędzi wspierających pracę programistów.

14+lat doświadczenia
2016od tego roku szkolę
4.7 / 5na podstawie 143 odpowiedzi
Poznaj mnie lepiej

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

Warsztaty, które
już za nami

Poniżej znajdziesz listę edycji warsztatów, które poprowadziłem. Każda z nich to nowa grupa, inne wyzwania i konkretne efekty.

Łącznie edycji5
  • Sages

    Szkolenie zaplanowane

  • Sages

    4.8(średnia ocen)

  • Sages

    4.83(średnia ocen)

  • Sages

    4.03(średnia ocen)

  • COI

    Sages

    4.58(średnia ocen)