Nasz autorski projekt szkoleniowo stażowy dla Testera manualno-automatyzującego START 20 lutego 2026! Zostało ostatnie miejsce!
Quality-Island

POPRAWKA1 Testowanie aplikacji frontendowych (Cypress, Playwright, Vitest)

Nowoczesne aplikacje frontendowe (React, Angular, Vue) wymagają przemyślanej strategii testów – od testów komponentowych po E2E. Samo narzędzie nie wystarczy. Potrzebne jest zrozumienie warstw testowych i ich roli w architekturze aplikacji. Szkolenie pokazuje, jak skutecznie testować frontend z wykorzystaniem Cypress, Playwright i Vitest.

Termin gwarantowany
Testowanie aplikacji frontendowych (Cypress, Playwright, Vitest)

Pierwotna cena wynosiła: 3699,00 PLN.Aktualna cena wynosi: 2599,00 PLN.

  • Widoczna cena nie zawiera VAT(23%)
  • Certyfikat ukończenia
  • Dodatkowe materiały po szkoleniu
  • 30 dniowe wsparcie szkoleniowca
  • Praktyczne zadania
  • Możliwość płatności w ratach (umowa bezpośrednio z Quality Island) – Pobierz wzór umowy

6 w magazynie (może być zamówiony)

Stacjonarnie czy online?
Wybierz datę
Zobacz opinie o szkoleniu
Organizacja Dla kogo Czego się nauczysz Jak pracujemy Atuty szkoleń Wymagania wstępne Program kursu Możliwości finansowania Kroki FAQ

Testowanie frontendów różni się od klasycznej automatyzacji UI. W aplikacjach SPA pojawia się dynamiczny DOM, zarządzanie stanem, asynchroniczność oraz komunikacja z API.

Szkolenie Testowanie aplikacji frontendowych (Cypress, Playwright, Vitest) koncentruje się na:

  • zrozumieniu różnic między testami jednostkowymi, komponentowymi i E2E,
  • testowaniu komponentów frontendowych przy użyciu Vitest,
  • automatyzacji testów E2E w Cypress i Playwright,projektowaniu stabilnych scenariuszy testowych,
  • integracji testów z CI/CD
  • analizie i eliminowaniu niestabilnych testów.

Szkolenie dostępne jest na dwóch poziomach:

  • Podstawowy – dla osób rozpoczynających testowanie frontendów.
  • Średniozaawansowany – dla osób rozwijających istniejące projekty testowe

Celem szkolenia jest nauczenie świadomego testowania frontendów, a nie jedynie obsługi narzędzi.

Organizacja

  • 2 dni ( 2 x 7 h) w godzinach 8:00-15:00
  • Dodatkowe materiały po szkoleniu
  • Certyfikat uczestnictwa
  • Nagranie z całego szkolenia (dodatkowo płatne)
  • 30 dniowe wsparcie ekspertów
  • Praktyczne zadania
  • Wieloletni praktyk, ekspert w obszarze testów
  • Forma szkolenia
    Szkolenie realizowane jest online (na żywo, na profesjonalnej platformie do pracy zdalnej ClickMeeting) lub stacjonarnie — w zależności od wybranego terminu. W obu przypadkach pracujemy warsztatowo, z aktywnym udziałem uczestników. Szkolenie możemy przeprowadzić w formie otwartej lub zamkniętej dla firm (z dopasowaniem do frameworka: React / Angular / Vue).
  • Czas trwania
    Szkolenie trwa 2 dni (ok. 7 godzin pracy warsztatowej), z przerwami. Skupiamy się na konkretach, bez „rozciągania programu”.
  • Poziom
    Szkolenie jest przeznaczone dla poziomu junior → mid (możemy również przygotować szkolenie na poziomie expert).

Dla kogo

To szkolenie jest dla Ciebie, jeśli:

  • pracujesz jako tester automatyzujący i testujesz aplikacje SPA

  • jesteś QA i chcesz lepiej rozumieć testowanie frontendów

  • pracujesz w zespole wykorzystującym React, Angular lub Vue

  • chcesz łączyć testy komponentowe i E2E w jednej strategii

  • planujesz rozwijać automatyzację frontend w projekcie

  • chcesz stabilizować i optymalizować istniejące testy

To szkolenie nie jest dla Ciebie, jeśli:

  • nie masz podstawowej wiedzy o testowaniu oprogramowania

  • nie pracujesz z aplikacjami frontendowymi

  • szukasz szkolenia wyłącznie manualnego

Czego się nauczysz

Po szkoleniu będziesz potrafić:

  • rozróżniać warstwy testów frontendowych
  • tworzyć testy komponentowe w Vitest
  • budować testy E2E w Cypress i Playwright
  • pracować z dynamicznym DOM i asynchronicznością
  • mockować zapytania API
  • organizować strukturę projektu testowego
  • integrować testy z CI/CD
  • eliminować flaky tests

Jak pracujemy

To szkolenie ma formę warsztatową. Pracujesz, testujesz i popełniasz błędy tu i teraz, dokładnie tak, jak w realnym projekcie.

Nasze podejście:

  • >80% praktyki – minimum teorii, tylko tyle, ile trzeba, żeby rozumieć dlaczego coś robimy,

  • pracujemy na rzeczywistej aplikacji frontendowej

  • uczymy strategii testów, nie tylko składni narzędzi

  • pokazujemy zależności między testami komponentowymi i E2E

  • analizujemy stabilność testów i przyczyny błędów

  • każdy blok kończy się ćwiczeniem praktycznym

  • koncentrujemy się na utrzymywalności i skalowalności testów

Atuty szkoleń

01

Praktyka zamiast teorii

Szkolenia prowadzą praktycy, którzy na co dzień pracują z jakością i testami.
Zero „hello world”, realne przypadki i problemy z projektów.

02

Elastyczne formy płatności

Raty 0%, płatność odroczona lub dofinansowanie z BUR.
Pomagamy dobrać najlepszą opcję, bez presji i zbędnych formalności.

03

Certyfikat potwierdzający realne kompetencje

Po szkoleniu otrzymujesz certyfikat w języku angielskim, możliwy do udostępnienia rekruterom i pracodawcom.
Zakres certyfikatu jasno opisuje zdobyte umiejętności.

04

Profesjonalna forma online

Interaktywne zajęcia na stabilnej platformie:
współdzielenie ekranu, Q&A, nagrania, materiały i aktywny kontakt z trenerem.

05

Wsparcie po szkoleniu

Nie zostawiamy Cię samego po ostatnim slajdzie.
Masz pytania po szkoleniu? Możesz do nas wrócić z konkretnym problemem.

06

Gwarancja zadowolenia

Jeśli szkolenie nie spełni Twoich oczekiwań, porozmawiamy.
A jeśli masz uzasadnione zastrzeżenia, zwracamy pieniądze.

Wymagania wstępne

Poziom podstawowy

  • podstawowa wiedza testerska
  • znajomość HTML i CSS
  • podstawowa znajomość JavaScript mile widziana

Poziom średniozaawansowany

  • doświadczenie w automatyzacji testów frontendowych
  • znajomość Cypress lub Playwright\
  • rozumienie architektury SPA

Własny laptop z możliwością instalacji Node.js.

Program kursu

• Specyfika testowania aplikacji SPA (dynamiczny DOM, stan aplikacji)
• Różnice między testami jednostkowymi, komponentowymi i E2E
• Piramida testów w kontekście frontendów
• Rola testów w procesie Continuous Integration
• Najczęstsze błędy w strategii testów frontendowych
• Współpraca QA z frontend developerami

• Jak działa routing w aplikacjach SPA
• Zarządzanie stanem (np. Redux, Pinia, NgRx – koncepcja)
• Cykl życia komponentu
• Komunikacja frontend – backend (REST / GraphQL)
• Renderowanie warunkowe i lazy loading
• Miejsca, w których najczęściej pojawiają się błędy

• Konfiguracja projektu Cypress
• Struktura testu (describe, it)
• Wyszukiwanie elementów i dobre praktyki selektorów
• Interakcja z formularzami i przyciskami
• Asercje i walidacja treści
• Praca z dynamicznymi elementami

• Konfiguracja projektu Playwright
• Testowanie w Chromium, Firefox i WebKit
• Równoległe wykonywanie testów
• Przechwytywanie i mockowanie zapytań API
• Testowanie dynamicznych scenariuszy
• Porównanie synchronizacji w Playwright i Cypress

• Instalacja i konfiguracja Vitest
• Testowanie funkcji i logiki biznesowej
• Testowanie komponentów frontendowych
• Mockowanie zależności w testach komponentowych
• Testowanie zdarzeń użytkownika
• Analiza pokrycia testami (coverage)

• Przyczyny niestabilności testów frontendowych
• Synchronizacja i oczekiwanie na elementy
• Retry mechanizmy i timeouty
• Eliminowanie zależności między testami
• Testy odporne na zmiany w DOM
• Dobre praktyki stabilizacji testów

• Testowanie różnych viewportów
• Symulacja urządzeń mobilnych
• Weryfikacja tras i przekierowań
• Testowanie warunkowego renderowania
• Obsługa błędów (404, 500)
• Testowanie stanów loading / empty state / error state

• Kryteria wyboru narzędzia
• Testy komponentowe vs E2E
• Wydajność i skalowalność
• Integracja z CI/CD
• Zastosowanie w małych i dużych projektach
• Budowa spójnej strategii testów frontendowych

• Uruchamianie testów w trybie headless
• Konfiguracja pipeline (GitHub Actions, GitLab CI)
• Generowanie raportów HTML
• Równoległe wykonywanie testów
• Monitorowanie stabilności w czasie
• Blokowanie builda przy błędach testów

• Budowa testów komponentowych w Vitest
• Tworzenie scenariusza E2E w Cypress lub Playwright
• Mockowanie wybranych endpointów
• Analiza stabilności testów
• Refaktoryzacja projektu testowego
• Omówienie dobrych praktyk i rekomendacji wdrożeniowych

Wiele możliwości finansowania szkoleń i kursów

01

Środki własne

Opłać szkolenie od razu, szybko i bez formalności.
Przelew online, BLIK lub karta. Bez prowizji i ukrytych kosztów.

02

Płatność ratalna

Rozłóż płatność na raty 0%, bez dodatkowych opłat.
Każdą kwotę powyżej 2000 zł możesz podzielić nawet na 6 rat.

03

Odroczona płatność

Zapisz się dziś, zapłać dopiero za 3 miesiące.
Elastyczne podejście. W razie potrzeby możemy czasowo wstrzymać płatność.

04

Dofinansowanie Z BUR

Szkolenie może być objęte dofinansowaniem w ramach BUR, zazwyczaj 50-80% kosztów.
Pomagamy sprawdzić możliwości i prowadzimy przez formalności krok po kroku.

Czytaj więcej

Szkolenie w 5 krokach

Prosty zapis na szkolenie

Wybierasz termin szkolenia i zapisujesz się w kilka sekund.
Bez skomplikowanych formularzy i zbędnych formalności.

Wybór formy płatności

Decydujesz, jak chcesz zapłacić:
jednorazowo, w ratach 0%, z odroczoną płatnością lub z dofinansowaniem (np. BUR).
Jeśli trzeba, pomagamy dobrać najlepszą opcję.

Przygotowanie do szkolenia

Przed szkoleniem otrzymujesz informacje organizacyjne i wskazówki techniczne.
Dzięki temu wchodzisz na szkolenie przygotowany, bez stresu i improwizacji.

Udział w szkoleniu (praktyka)

Szkolenie ma charakter intensywnego warsztatu. Uczestnicy tworzą testy komponentowe w Vitest, budują scenariusze E2E w Cypress i Playwright, pracują z dynamicznymi elementami oraz konfigurują środowisko testowe. Ćwiczenia obejmują również mockowanie API oraz analizę niestabilnych testów. Każdy uczestnik pracuje na własnym laptopie i samodzielnie realizuje zadania.

Materiały i dalsze wsparcie

Po szkoleniu otrzymujesz materiały oraz certyfikat.
Opcjonalnie możesz dokupić nagranie szkolenia i wracać do materiału, kiedy chcesz.
W razie pytań, jesteśmy dostępni także po zakończeniu szkolenia.

Najczęściej zadawane pytania

Szkolenie pokazuje, jak różne narzędzia wspierają różne warstwy testów. Vitest koncentruje się na testach komponentowych, natomiast Cypress i Playwright na testach E2E. Celem jest pokazanie spójnej strategii testów frontendowych, a nie porównanie narzędzi w oderwaniu od kontekstu.
Nie jest wymagana zaawansowana znajomość frameworka frontendowego. Wystarczy ogólne rozumienie działania aplikacji SPA. W formule firmowej szkolenie może być dopasowane do konkretnego frameworka.
Tak, poziom podstawowy wprowadza w temat testów frontendowych krok po kroku. Osoby bez doświadczenia powinny jednak posiadać podstawową wiedzę o testowaniu.
Tak, całe szkolenie jest nagrywane.
Nagranie możesz otrzymać opcjonalnie, za dodatkową opłatą, jeśli chcesz wracać do materiału po szkoleniu lub utrwalić wiedzę we własnym tempie.
Tak. Jednym z kluczowych elementów szkolenia jest analiza przyczyn flaky tests i sposoby ich eliminacji.
Tak.
Po szkoleniu otrzymujesz:
- materiały szkoleniowe,
- przykładowe kolekcje i scenariusze,
- certyfikat potwierdzający udział w szkoleniu.
Tak. Pokazujemy, jak przechwytywać i mockować zapytania sieciowe w testach frontendowych.
Tak. Uczestnicy uczą się uruchamiania testów w pipeline oraz generowania raportów.
Tak. W formule zamkniętej możemy pracować na rzeczywistej aplikacji firmy i dopasować zakres do używanego stacku.
Dbamy o wysoką jakość i realną wartość merytoryczną.
Jeśli po szkoleniu uznasz, że nie spełniło ono Twoich oczekiwań, skontaktuj się z nami. Traktujemy takie sytuacje poważnie i indywidualnie.

Masz pytania? Porozmawiajmy o szkoleniu

Nie masz pewności, czy to szkolenie jest dla Ciebie? Zastanawiasz się, czy poziom będzie odpowiedni, jak wygląda program albo która forma finansowania ma sens w Twoim przypadku?

Porozmawiaj z naszym konsultantem, który:

  • pomoże ocenić, czy to szkolenie realnie wesprze Twoje cele,
  • doradzi najlepszą formę udziału (indywidualnie / firmowo),
  • wyjaśni kwestie organizacyjne i finansowe (raty, płatność odroczona, BUR).

Bez sprzedażowej presji. Konkretna rozmowa o Twojej sytuacji.

Umów bezpłatną konsultację (15–20 minut, online)
lub napisz bezpośrednio: szkolenia@qualityisland.pl

Umów się na bezpłatną konsultacje

Zobacz podobne szkolenia