Nie znasz Playwrighta? Zacznij tutaj (setup + projekt + AI)

Co zrobimy w tej lekcji?

W tej lekcji przygotujesz wszystko od zera, żeby móc zacząć pracę z Playwright.
Przejdziemy krok po kroku przez instalację narzędzi, uruchomienie aplikacji oraz stworzenie projektu testowego.

A dokładniej:

Przygotujemy środowisko (Node.js, Git, VS Code)
Pobierzemy i uruchomimy aplikację testową Rolnopol
Utworzymy projekt Playwright
Sprawdzimy, czy wszystko działa poprawnie
Wykorzystamy AI do pomocy przy setupie

Przydatne linki

Repozytorium aplikacji Rolnopol: https://github.com/jaktestowac/rolnopol
Visual Studio Code: https://code.visualstudio.com/
Node.js: https://nodejs.org/en
Git: https://git-scm.com/
Instalacja Playwrighta: https://playwright.dev/docs/intro

Krok 1: Instalacja narzędzi

Zainstaluj:

Visual Studio Code: https://code.visualstudio.com/
Node.js: https://nodejs.org/en
Git: https://git-scm.com/

Po instalacji sprawdź w terminalu:

node -v
npm -v
git --version

Jeśli widzisz wersje – wszystko działa poprawnie ✅

Krok 2: Pobranie aplikacji Rolnopol

Repozytorium aplikacji:
👉 https://github.com/jaktestowac/rolnopol

W terminalu:

git clone https://github.com/jaktestowac/rolnopol
cd rolnopol

Krok 3: Instalacja zależności i uruchomienie aplikacji

npm i && npm run start

Po uruchomieniu:

otwórz przeglądarkę
przejdź pod adres pokazany w terminalu (http://localhost:3000)

Krok 4: Utworzenie projektu Playwright

W folderze projektu uruchom:

npm init playwright@latest

Podczas instalacji:

wybierz domyślne opcje
pozwól na instalację przeglądarek

Po zakończeniu zobaczysz:

folder z testami
plik playwright.config
przykładowe testy

Gdzie użyć AI?

Możesz wykorzystać AI np. do:

wygenerowania kroków instalacji:
Jak utworzyć projekt Playwright krok po kroku?
wyjaśnienia komend:
Co robi npm install i npm run dev?
zrozumienia struktury projektu:
Wyjaśnij strukturę projektu Playwright dla początkującego
rozwiązania błędów:
Dostaję taki błąd przy npm install – co oznacza?

Zadania dla Ciebie

Zainstaluj Node.js, Git i VS Code
Sklonuj repozytorium Rolnopol
Uruchom aplikację (npm i && npm run start)
Utwórz projekt Playwright
Spróbuj użyć AI do wyjaśnienia jednej komendy lub problemu

Radosław Wasik

QA Tech Lead, Content Creator
profil na LinkedIn

QA Tech Lead z wieloletnim doświadczeniem w testach manualnych i automatyzacji. Specjalizuje się w Playwright (JS/TS) oraz projektowaniu skalowalnych frameworków testowych, które wspierają stabilne procesy CI/CD.

Na co dzień prowadzi zespoły QA - wyznacza cele, planuje działania, wspiera rozwój testerów i usprawnia strategie testowe oraz procesy releasowe we współpracy z developerami i biznesem.

Przeprowadza również szkolenia dla QA, skupiając się na praktycznej automatyzacji testów, dobrych praktykach (m.in. Page Object Model), pracy z narzędziami oraz budowaniu podejścia jakościowego w zespołach produktowych. Aktywnie dzieli się wiedzą w internecie: na Instagramie @radwasik publikuje krótkie, przystępne materiały o testowaniu, automatyzacji i AI, a na blogu rwasik.pl rozwija tematy w formie artykułów, poradników i case studies z codziennej pracy.