Warsztat 06

Warsztaty 29 Maja

Zapraszamy do zapoznania się ze szczegółami warsztatów.

10% rabatu przy rejestracji do 16 marca

Zapisz się

Warsztat VI:
Od generowania do Self-Healingu: Pełen cykl życia testów E2E z Playwright i GitHub MCP

TRENER: Dawid Pacia - PatchingIT

Data: 29.05.2026 r. (online)
Czas trwania: godzina  9:00-17:00

Wymagania techniczne:
Uczestnicy powinni przygotować:

  • Podstawowa znajomość Playwright, TypeScript i GitHub Actions.

  • Zainstalowane środowisko Node.js.

  • Konto w Cursor IDE (wystarczy darmowy plan Hobby).

  • Konto na GitHubie z wygenerowanym Personal Access Token (PAT).

  • bezpłatne w zupełności wystarczą.

Opis

Warsztat techniczny przeprowadzający uczestników przez pełen cykl życia testów E2E – od ich wygenerowania, przez wdrożenie w CI/CD, aż po automatyczną diagnostykę i naprawę po wystąpieniu awarii. Zbudujemy framework oparty na Playwright i TypeScript, przygotowany pod optymalną współpracę z AI. Następnie, wykorzystując darmową wersję środowiska Cursor i protokół GitHub MCP (Model Context Protocol), zautomatyzujemy proces analizy logów i kodu. Uczestnicy dowiedzą się, jak model językowy może zdiagnozować błędy testów i pipeline’u bezpośrednio na podstawie historii commitów w repozytorium developerskim, a następnie bezpiecznie zrefaktorować kod.

Program szkolenia:

  • 1. Architektura testów E2E pod AI (Playwright + TypeScript)
    - Konfiguracja środowiska Playwright i TypeScript pod współpracę z LLM.
    - Implementacja wzorca Page Object Model (POM) z wykorzystaniem silnego typowania i adnotacji JSDoc jako deklaratywnych promptów.
    - Generowanie asercji, logiki testowej i mocków API (page.route) w Cursorze na podstawie zdefiniowanych interfejsów DTO.
  • 2. Uruchomienie w CI/CD i symulacja regresji
    - Konfiguracja workflow w GitHub Actions (.github/workflows/playwright.yml).
    - Wprowadzenie "breaking changes" w kodzie aplikacji (modyfikacja struktury DOM frontendu oraz zmiana kontraktu API) oraz błędu konfiguracyjnego w CI.
    - Analiza artefaktów z nieudanego buildu: interpretacja logów GitHub Actions, raportu playwright-report Oraz dekompozycja danych z Trace Viewera.
  • 3. Integracja GitHub MCP (Model Context Protocol) w procesie debugowania
    - Konfiguracja i autoryzacja serwera GitHub MCP w środowisku lokalnym (Cursor IDE).
    - Budowanie zapytań kontekstowych wykorzystujących narzędzia MCP (m.in. github_search_commits, github_get_pull_request).
    - Analiza różnic w kodzie źródłowym (diffs) z poziomu IDE: identyfikacja usuniętych atrybutów data-testid i zmienionych endpointów bezpośrednio z commitów developerskich.
  • 4. Automatyczny refaktoring i Self-Healing infrastruktury
    - Aktualizacja interfejsów TypeScript na podstawie zmian kontraktu API wykrytych przez MCP.
    - Automatyczny refaktoring uszkodzonych selektorów w obiektach stron (POM).
    - Walidacja poprawek AI przez kompilator TypeScript (tsc).
    - Naprawa pliku konfiguracyjnego YAML dla GitHub Actions przy użyciu kontekstu z błędów CI.
    - Uruchomienie zaktualizowanego procesu i weryfikacja poprawności (zielony build).
Zapisz się