Playwright Series

Playwright
API Mocking

Naucz się przechwytywać i mockować requesty HTTP w Playwright — testuj scenariusze błędów, izoluj frontend od backendu i pisz niezawodne testy E2E niezależnie od zewnętrznych serwisów.

~70 minut materiału
12 lekcji
Dostęp bezterminowy
TypeScript
Chcę ten kurs – 249 zł

Cena brutto • Jednorazowa płatność • Dostęp od ręki

mock.api.error.spec.ts 
import { test, expect } from "@playwright/test";

test.describe("produkty – mockowane API", () => {

  test("pokazuje błąd gdy serwer zwróci 500",
    async ({ page }) => {

    await page.route("**/api/products", async route => {
      await route.fulfill({
        status: 500,
        contentType: "application/json",
        body: JSON.stringify({
          error: "Internal Server Error"
        })
      });
    });

    await page.goto("/");
    const banner = page.locator(".error-banner");
    await expect(banner).toBeVisible();
    await expect(banner)
      .toContainText("Coś poszło nie tak");
  });
});
Czy to Twoja sytuacja?

Testy E2E działają,
ale są kruche i nieprzewidywalne

Testy padają przez niestabilne zewnętrzne API – losowe dane, timeouty i chwilowe awarie serwera

Nie możesz przetestować scenariuszy błędów (401, 404, 500) bez modyfikowania kodu backendu

Testy są powolne, bo czekają na realne odpowiedzi sieciowe – a CI/CD trwa wieki

Nie wiesz co dokładnie frontend wysyła w requestach – nie masz jak zweryfikować payload i nagłówków

Co zyskasz

Pełna kontrola
nad siecią w testach

Kurs pokaże Ci jak używać page.route() do przechwytywania, modyfikowania i mockowania każdego requestu HTTP — bez potrzeby uruchamiania backendu.

Kup dostęp teraz
page.route() od podstaw

Przechwytuj dowolne requesty HTTP — według URL, metody lub wzorca glob.

route.fulfill() – własne odpowiedzi

Zwracaj dowolny JSON, status code i nagłówki bez dotykania serwera.

Testowanie błędów i edge case'ów

Symuluj 400, 401, 404, 500 i błędy sieciowe bez dotykania konfiguracji serwera.

Dynamiczne mocki

Odpowiadaj różnie w zależności od URL, querystring lub body przychodzącego requestu.

Weryfikacja requestów

Sprawdzaj co wysyła frontend — URL, metoda, payload, nagłówki. request.postData().

Techniki mockowania

Dwie kluczowe metody

Te dwie metody Playwright Routing dają Ci kompletną kontrolę nad odpowiedziami sieciowymi w testach — bez uruchamiania backendu.

01
route.fulfill()

Przechwytuje request i zwraca własną odpowiedź — JSON body, status code, nagłówki. Serwer nie jest w ogóle wywoływany.

status body headers
02
route.continue()

Przepuszcza request dalej z możliwością modyfikacji — zmień URL, dodaj nagłówek auth lub nadpisz body w locie.

headers url postData
page.route() w akcji

Mockuj błędy HTTP
bez zmian w backendzie

Jeden wywołanie page.route() pozwala Ci zwrócić dowolny status code i body — testujesz jak aplikacja reaguje na błędy serwera bez potrzeby uruchamiania specjalnie skonfigurowanego backendu.

  • status: 401 — przetestuj przekierowanie na login
  • status: 403 — sprawdź blokadę dla nieautoryzowanych
  • status: 500 — zweryfikuj banner z komunikatem błędu
Jeden mock → dziesiątki edge case'ów do przetestowania.
mock.auth.errors.spec.ts
Playwright page.route() – mockowanie błędów HTTP w VS Code
page.route() — przechwytywanie requestów i route.fulfill() z własnym statusem i body. Testujesz edge case'y bez backendu.
Weryfikacja requestów

Sprawdzaj co wysyła frontend do API

Kurs pokazuje jak przechwytywać requesty i weryfikować ich zawartość — metodę HTTP, URL, payload i nagłówki. Idealne do sprawdzenia, że formularz wysyła dokładnie to, co powinien.

  • request.method() — weryfikuj GET, POST, PUT, DELETE
  • request.postData() — testuj payload JSON wysłany przez formularz
  • request.headers() — sprawdzaj Authorization i Content-Type
  • page.waitForRequest() — poczekaj na konkretny request i zrób asercję
Weryfikacja requestów w Playwright – request.postData() i asercje
Program kursu

12 lekcji • ~70 minut

Kurs jest maksymalnie skondensowany – zero teorii bez pokrycia w kodzie, czysta praktyka od pierwszej minuty.

01
Co to jest mockowanie danych
Intro
02
Omówienie aplikacji do testów
Setup
03
Konfiguracja projektu
Setup
04
Mockowanie requestu GET
Mock
05
Wczytywanie danych z pliku
Mock
06
Częściowy mock obiektu
Mock
07
Dopisywanie obiektu do listy
Mock
08
Omówienie opcji w route.fulfill
Mock
09
Mockowanie odpowiedzi dla metody POST
Mock
10
Manipulacja danymi w odpowiedzi
Zaawansowane
11
Mockowanie odpowiedzi dla API
Mock
12
Certyfikat
Certyfikat
Dla kogo

Ten kurs jest dla Ciebie, jeśli…

Piszesz testy E2E w Playwright i chcesz uniezależnić je od backendu i zewnętrznych serwisów

Masz niestabilne testy, które padają przez losowe dane z API lub chwilowe awarie

Chcesz testować scenariusze błędów (401, 500, timeout) bez ingerencji w kod serwera

Szukasz skondensowanego kursu z gotowymi wzorcami – bez wody, tylko działający kod

Chcesz pisać szybsze, deterministyczne testy, które działają tak samo lokalnie jak na CI/CD

Zacznij teraz

Gotowy na pełną kontrolę nad siecią?

Jeden kurs. Cztery metody. Kompletne pokrycie API Mocking w Playwright.
~70 minut, które zmienią jakość Twoich testów E2E na zawsze.

249 zł
brutto • jednorazowa płatność • dostęp bezterminowy
Kupuję dostęp do kursu
Płatność obsługiwana przez platformę AkademiaQA