Test nie został ukończony. Chcesz kontynuować od miejsca w którym przerwałeś?
Kurs manualnego testowania na żywym organizmie — www.danielbryjak.pl.
Każdy termin angielski z wymową. Każdy test krok po kroku.
Ucz się tych słów — padają na każdej rozmowie kwalifikacyjnej.
Format: termin → wymowa → znaczenie → do czego służy
| Termin | Wymowa | Co to jest | Do czego służy |
|---|---|---|---|
| Test case / TC | "test kejs / ti-si" | Przypadek testowy | Jeden scenariusz: co klikam, co wpisuję, czego oczekuję |
| PASS | "pas" | Zaliczony ✅ | Test przeszedł — wynik zgodny z oczekiwanym |
| FAIL | "fejl" | Niezaliczony ❌ | Test nie przeszedł — coś działa inaczej niż powinno |
| BLOCKED | "blokt" | Zablokowany ⛔ | Nie można wykonać testu bo coś innego nie działa |
| Bug | "bag" | Błąd w aplikacji 🐛 | Coś działa inaczej niż powinno |
| Bug report | "bag riport" | Raport błędu | Dokument opisujący błąd — co, gdzie, jak powtórzyć |
| Test plan | "test plan" | Plan testów | Dokument: co testujemy, w jakiej kolejności, co pomijamy |
| Smoke test | "smołk test" | Test dymny 🚬 | Szybkie sprawdzenie czy aplikacja w ogóle żyje (5–15 min) |
| Regression test | "rigreszen test" | Test regresji 🔁 | Sprawdza czy nowa zmiana nie zepsuła starych funkcji |
| Exploratory test | "eksploratory test" | Test eksploracyjny 🔍 | Testowanie bez scenariusza — klikasz i szukasz problemów |
| UAT | "ju-ej-ti" | User Acceptance Testing | Testowanie przez prawdziwego użytkownika / klienta |
| E2E | "i-tu-i" | End-to-End | Test całego procesu od początku do końca |
| UI | "ju-aj" | User Interface | Interfejs użytkownika — jak strona wygląda |
| UX | "ju-eks" | User Experience | Doświadczenie użytkownika — jak strona się używa |
| CTA | "si-ti-ej" | Call To Action | Przycisk zachęcający do działania, np. "Napisz do mnie" |
| Header | "heder" | Nagłówek | Górna część strony — menu, logo |
| Footer | "futer" | Stopka | Dolna część strony — copyright, linki |
| Hero section | "hiro sekszyn" | Sekcja główna | Pierwsza duża sekcja na stronie — tytuł, CTA, statystyki |
| DevTools | "dev tuls" | Narzędzia deweloperskie | Wbudowane w przeglądarkę — otwierasz przez F12 |
| Responsive | "risponsyw" | Responsywny | Strona dostosowuje się do różnych rozmiarów ekranu |
| Viewport | "wjupport" | Obszar widoku | Widoczna część strony — zmienia się na telefonie i PC |
| GitHub | "gyt-hab" | GitHub | Serwis do przechowywania i udostępniania kodu |
| Repository | "ripozytory" | Repozytorium | Miejsce przechowywania kodu — np. na GitHub |
| Priority | "prajoryti" | Priorytet | Ważność błędu: Critical / High / Medium / Low |
| Critical | "krytikol" | Krytyczny 🔴 | Aplikacja nie działa — blokuje wszystkich użytkowników |
| High | "haj" | Wysoki 🟠 | Ważna funkcja nie działa, ale jest obejście |
| Medium | "midium" | Średni 🟡 | Utrudnia pracę, ale nie blokuje |
| Low | "lo" | Niski 🟢 | Drobiazg, literówka, kosmetyczny błąd |
| Environment | "enwajrynment" | Środowisko | Gdzie testujesz: Chrome/Windows/iPhone itd. |
| Expected result | "ikspektid rizalt" | Oczekiwany wynik | Co POWINNO się stać po wykonaniu kroku |
| Actual result | "akczual rizalt" | Rzeczywisty wynik | Co SIĘ STAŁO w rzeczywistości |
| Reproduction steps | "riprodakszyn steps" | Kroki do reprodukcji | Jak powtórzyć błąd krok po kroku |
| Test suite | "test sjut" | Zestaw testów | Kolekcja powiązanych przypadków testowych |
| Checklist | "czeklyst" | Lista kontrolna | Uproszczona lista rzeczy do sprawdzenia |
| — LEKCJA 2 — | Formularz kontaktowy | ||
| Form / Formularz | "form" | Formularz | Zestaw pól do wypełnienia i wysłania — np. kontaktowy, rejestracyjny |
| Validation | "walidejszyn" | Walidacja ✅ | Sprawdzenie czy dane wpisane przez użytkownika są poprawne |
| Required field | "rikłajerd fild" | Pole wymagane * | Pole które musi być wypełnione — oznaczone gwiazdką (*) |
| Error message | "eror mesydż" | Komunikat błędu ❌ | Tekst informujący użytkownika co poszło nie tak |
| Submit | "sabmit" | Wyślij / Zatwierdź | Kliknięcie przycisku które wysyła formularz do serwera |
| Input field | "input fild" | Pole tekstowe | Jedno pole do wpisania danych — tekst, email, hasło |
| Textarea | "teksejria" | Obszar tekstowy | Większe pole do wpisania długiego tekstu — np. wiadomość |
| Placeholder | "plejsholdr" | Tekst podpowiedzi | Szary tekst widoczny w pustym polu — znika gdy zaczniesz pisać |
| Success message | "sakses mesydż" | Komunikat sukcesu ✅ | Zielony tekst informujący że akcja się powiodła — np. "Wysłano!" |
| — LEKCJA 3 — | Code Review i Bug Tracking | ||
| Code review | "kod riwiw" | Przegląd kodu 👀 | Analiza kodu przez inną osobę — szuka błędów, niezgodności, bugów |
| textContent | "tekst kontent" | Właściwość DOM | Wstawia zwykły tekst — znaki HTML traktowane dosłownie, nie jako tagi |
| innerHTML | "inner-h-t-m-l" | Właściwość DOM | Wstawia tekst z parsowaniem HTML — tagi stają się elementami strony |
| CSS variable | "si-es-es weriybel" | Zmienna CSS | Zdefiniowana w :root jako --nazwa: wartość — jeśli nie istnieje, styl nie zadziała |
| Retest / Retesting | "ritest / ritesting" | Retestowanie ✅ | Ponowne wykonanie testu po naprawieniu buga — weryfikacja czy poprawka działa |
| Observation | "obzerweyszyn" | Obserwacja 🔍 | Znaleziony potencjalny problem — nie błąd krytyczny, ale wart uwagi i zgłoszenia |
| Hotfix | "hot-fiks" | Gorąca łatka 🔥 | Szybka poprawka wdrożona natychmiast — bez czekania na kolejny release |
| — LEKCJA 4 — | Cross-browser testing | ||
| Cross-browser | "kros-brałzer" | Wieloprzeglądarkowy | Testowanie tej samej strony w różnych przeglądarkach (Chrome, Firefox, Edge, Safari) |
| Browser compatibility | "brałzer kompatybylity" | Kompatybilność przeglądarek | Czy strona wygląda i działa tak samo we wszystkich przeglądarkach |
| Rendering engine | "rendering endżyn" | Silnik renderowania | Blink (Chrome/Edge), Gecko (Firefox), WebKit (Safari) — każdy rysuje stronę trochę inaczej |
| — LEKCJA 5 — | DevTools — Konsola i sieć | ||
| Console | "konsoul" | Konsola JS | F12 → Console — pokazuje błędy JavaScript. Czerwone = błąd, żółte = ostrzeżenie |
| Network tab | "netlerk tab" | Zakładka sieci | F12 → Network — wszystkie pliki pobrane przez stronę i czas ich ładowania |
| Lighthouse | "lajt-haus" | Narzędzie audytu | Wbudowane w Chrome F12 — ocenia Performance, Accessibility i SEO w skali 0-100 |
| Hard reload | "hard riloud" | Przeładowanie bez cache | Ctrl+Shift+R — pobiera stronę na nowo, ignoruje zapisane pliki. Obowiązkowy przy testach |
| — LEKCJA 6 — | Testy eksploracyjne | ||
| Edge case | "edż kejs" | Przypadek brzegowy | Sytuacja skrajna — bardzo długi tekst, zero znaków, znaki specjalne, szybkie klikanie |
| Boundary value | "baundry waelju" | Wartość graniczna | Test na granicy dozwolonych wartości — 9 znaków (za mało), 10 znaków (minimum), 11 (ok) |
| Test charter | "test czarter" | Karta testów | Cel sesji eksploracyjnej: co testuję, czego szukam, ile mam czasu |
| — LEKCJA 7 — | Dostępność (Accessibility) | ||
| Accessibility / a11y | "aksesybylity / ej-ływen-łaj" | Dostępność | Czy strona jest używalna przez osoby z niepełnosprawnościami — wzrok, ruch, słuch |
| WCAG | "łi-kag" | Standard dostępności | Web Content Accessibility Guidelines — wytyczne WHO dotyczące dostępności stron www |
| Focus ring | "fokus ring" | Ramka fokusu | Widoczna ramka elementu wybranego klawiaturą (Tab) — niezbędna dla dostępności |
| Contrast ratio | "kontrast rejszio" | Współczynnik kontrastu | Stosunek jasności tekstu do tła — WCAG AA wymaga minimum 4.5:1 dla zwykłego tekstu |
| — LEKCJA 8 — | Smoke test po wdrożeniu | ||
| Deployment | "dipłojment" | Wdrożenie | Proces wysyłania nowej wersji aplikacji na serwer produkcyjny — np. przez FTP |
| Sanity check | "sanity czek" | Kontrola rozsądku | Szybkie sprawdzenie "czy w ogóle działa" — poprzedza pełny smoke test po wdrożeniu |
| Cache | "kasz" | Pamięć podręczna | Pliki zapisane przez przeglądarkę — może ukrywać nową wersję strony. Ctrl+Shift+R czyści |
| — LEKCJA 9 — | TestRail — zarządzanie testami | ||
| TestRail | "test-rejl" | Platforma zarządzania testami | SaaS do tworzenia TC, planowania Test Runów i raportowania wyników — standard w branży QA |
| Test Run | "test ran" | Uruchomienie testów | Konkretne wykonanie zestawu TC — z datą, testerem i wynikami. Pozostaje w historii projektu |
| Pass rate | "pas rejt" | Wskaźnik zaliczenia | Procent testów zakończonych PASS — np. 38/40 = 95%. Kluczowa metryka jakości |
| Dashboard | "deszboard" | Panel główny | Widok zbiorczy projektu — aktywne testy, wyniki, postęp. Pokazujesz go managerowi |
| — LEKCJA 10 — | Rozmowa kwalifikacyjna | ||
| STAR method | "star metod" | Metoda odpowiedzi | Situation → Task → Action → Result. Struktura dobrej odpowiedzi na pytania o doświadczenie |
| Soft skills | "soft skils" | Umiejętności miękkie | Komunikacja, analityczne myślenie, praca w zespole — równie ważne jak techniczne umiejętności |
| Test coverage | "test kaweredż" | Pokrycie testami | Procent funkcjonalności objętych testami — im wyższy tym lepiej. Twoja strona: ~80% |
| QA metrics | "kju-ej metriks" | Metryki jakości | Liczby które pokazujesz rekruterowi: 48 TC, pass rate, liczba bugów znalezionych i naprawionych |
Zanim zaczniesz klikać — tester zawsze odpowiada na 3 pytania.
Kliknij każdy test żeby go rozwinąć. Wpisz wynik i kliknij PASS / FAIL / BLOCKED.
Wyniki zapisują się automatycznie — odświeżenie strony nie usunie Twojej pracy.
Formularz jest na stronie danielbryjak.pl w sekcji Kontakt. Kliknij każdy test żeby rozwinąć.
Poniższe testy to retesty (retesting) — weryfikujesz czy znalezione bugi zostały naprawione. Klasyczny cykl QA: znaleziono → naprawiono → retestowano.
textContent zamiast innerHTML — litery TESTron wyświetlały się jako surowy kod HTML (<span class=...>) zamiast kolorowego tekstu--red — błędne pola formularza nie podświetlały się na czerwono, bo zmienna nie istniała w :rootdisplay:none) ale strona nie ma hamburger menu — użytkownik nie może nawigowaćTa sama strona, różne przeglądarki — każda może renderować CSS trochę inaczej. Cel: sprawdzić czy danielbryjak.pl wygląda i działa poprawnie we wszystkich przeglądarkach.
F12 to najważniejsze narzędzie testera front-endu. Nauczysz się odczytywać błędy JavaScript, analizować sieć i uruchamiać audyt Lighthouse.
<span class="testron-te">TE</span><span class="testron-st">STron</span> — dwa oddzielne spanyBrak skryptu — Ty decydujesz co kliknąć. Celem jest znalezienie edge cases czyli przypadków brzegowych, których nie przewidział developer.
Dostępność to testowanie czy strona działa dla wszystkich użytkowników — w tym tych używających tylko klawiatury, z problemami wzroku lub ograniczonymi możliwościami ruchu.
Po każdym wgraniu plików na serwer (deployment) tester robi smoke test — szybkie sprawdzenie czy nic nie "stanęło w płomieniach". Te 4 testy robisz zawsze po FTP upload.
TestRail to profesjonalne narzędzie którego używają QA inżynierowie w prawdziwych firmach. Nauczysz się zakładać projekt, dodawać TC i dokumentować wyniki tak jak robi to cały zespół.
Symulacja rozmowy z rekruterem. Każdy TC to pytanie — Ty piszesz odpowiedź. PASS = odpowiadasz pewnie i kompletnie | FAIL = wymaga ćwiczenia | BLOCKED = nie wiem jak odpowiedzieć (zapisz i wróć).
Gdy znajdziesz FAIL — opisz go tym szablonem. To dokument który wysyłasz programiście.
Prawdziwe wyniki moich ukończonych sesji testowych. Aktualizowane po każdej lekcji.
| ID | Nazwa testu | Status | Data | Obserwacje (actual result) |
|---|---|---|---|---|
| TC-001 | Nawigacja — O mnie | PASS | 07.06.2026 | Link płynnie przewija stronę do sekcji "O mnie" |
| TC-002 | Nawigacja — Projekty | PASS | 07.06.2026 | Link przewija do sekcji z kartami projektów |
| TC-003 | Nawigacja — Umiejętności | PASS | 07.06.2026 | Link przewija do sekcji umiejętności technicznych |
| TC-004 | Nawigacja — Kontakt | PASS | 07.06.2026 | Link przewija do sekcji kontaktowej z formularzem |
| TC-005 | Animacja liczników | PASS | 07.06.2026 | Liczniki animują się od 0 do 115 testów i 7 projektów |
| TC-006 | Przycisk CTA — Poznaj TESTron | PASS | 07.06.2026 | Przycisk przewija stronę do sekcji TESTron |
| TC-007 | Link GitHub | PASS | 07.06.2026 | Otwiera profil github.com/dbryjak w nowej karcie |
| TC-008 | Link e-mail | PASS | 07.06.2026 | Otwiera Gmail z wypełnionym adresem danielbryjak1975@gmail.com |
| TC-009 | Link LinkedIn | PASS | 07.06.2026 | Otwiera właściwy profil LinkedIn w nowej karcie |
| TC-010 | Responsywność mobilna | PASS | 07.06.2026 | Strona poprawnie wyświetla się na iPhone 12 w Chrome DevTools |
| ID | Nazwa testu | Status | Data | Obserwacje (actual result) |
|---|---|---|---|---|
| TC-011 | Wyślij pusty formularz | PASS | 07.06.2026 | Pola wymagane podświetliły się, pojawił się komunikat błędu — formularz nie wysłany |
| TC-012 | Nieprawidłowy e-mail | PASS | 07.06.2026 | Pole e-mail podświetliło się, komunikat "Podaj prawidłowy e-mail." |
| TC-013 | Wiadomość za krótka | PASS | 07.06.2026 | Pole wiadomości podświetliło się, walidacja minimum 10 znaków działa |
| TC-014 | Temat opcjonalny | PASS | 07.06.2026 | Formularz wysłał się poprawnie bez wypełnionego pola Temat |
| TC-015 | Poprawne wysłanie | PASS | 07.06.2026 | Zielony komunikat sukcesu, pola wyczyszczone automatycznie |
| TC-016 | Weryfikacja w Gmail | PASS | 07.06.2026 | Wiadomość dotarła na danielbryjak1975@gmail.com — treść zgodna z wpisaną |
| ID | Nazwa testu | Status | Data | Obserwacje (actual result) |
|---|---|---|---|---|
| TC-017 | Terminal — TESTron colors (retest Bug #1) | PASS | 25.06.2026 | Terminal wyświetla "TESTron" z poprawnym kolorem — TE białe, STron zielone. Fix textContent→innerHTML działa. |
| TC-018 | Walidacja formularza — czerwone ramki (retest Bug #2) | PASS | 25.06.2026 | Czerwone ramki pojawiają się na błędnych polach, komunikat błędu wyświetlony. Fix var(--red)→#f85149 działa. |
| TC-019 | Hamburger menu — nawigacja mobilna 412px | PASS | 25.06.2026 | Hamburger ≡ widoczny przy 412px. Menu otwiera się po kliknięciu i zamyka automatycznie po wyborze linku. |
| TC-020 | Contact links — wyrównanie do lewej (retest) | PASS | 25.06.2026 | Linki kontaktowe (GitHub, Email, TESTron) wyrównane do lewej na widoku mobilnym. justify-content: flex-start działa. |
Wykonaj testy powyżej — wyniki pojawią się tu automatycznie. Ta tabela jest tylko dla Ciebie — nie zapisuje się na stałe.
| ID | Nazwa testu | Status | Data | Uwagi (actual result) |
|---|---|---|---|---|
| TC-001 | Nawigacja — O mnie | — | ||
| TC-002 | Nawigacja — Projekty | — | ||
| TC-003 | Nawigacja — Umiejętności | — | ||
| TC-004 | Nawigacja — Kontakt | — | ||
| TC-005 | Animacja liczników | — | ||
| TC-006 | Przycisk CTA | — | ||
| TC-007 | Link GitHub | — | ||
| TC-008 | Link e-mail | — | ||
| TC-009 | Link LinkedIn | — | ||
| TC-010 | Responsywność mobilna | — | ||
| Lekcja 2 — Formularz kontaktowy | ||||
| TC-011 | Pusty formularz | — | ||
| TC-012 | Nieprawidłowy e-mail | — | ||
| TC-013 | Wiadomość za krótka | — | ||
| TC-014 | Temat opcjonalny | — | ||
| TC-015 | Poprawne wysłanie | — | ||
| TC-016 | Weryfikacja w Gmail | — | ||
| Lekcja 3 — Code Review i Bug Tracking | ||||
| TC-017 | Retest — Terminal HTML | — | ||
| TC-018 | Retest — Czerwone pole błędu | — | ||
| TC-019 | Nawigacja 420px | — | ||
| TC-020 | Retest — Wyrównanie linków | — | ||
| Lekcja 4 — Cross-browser testing | ||||
| TC-021 | Chrome — smoke test | — | ||
| TC-022 | Firefox — smoke test | — | ||
| TC-023 | Edge — smoke test | — | ||
| TC-024 | Test na telefonie | — | ||
| Lekcja 5 — DevTools | ||||
| TC-025 | Console — zero błędów JS | — | ||
| TC-026 | Network — czas ładowania | — | ||
| TC-027 | Elements — Inspect | — | ||
| TC-028 | Lighthouse — audit | — | ||
| Lekcja 6 — Testy eksploracyjne | ||||
| TC-029 | Resize okna | — | ||
| TC-030 | Długi tekst w formularzu | — | ||
| TC-031 | Znaki specjalne | — | ||
| TC-032 | Wielokrotne klikanie Wyślij | — | ||
| Lekcja 7 — Dostępność (Accessibility) | ||||
| TC-033 | Nawigacja klawiaturą Tab | — | ||
| TC-034 | Zoom 200% | — | ||
| TC-035 | Focus ring | — | ||
| TC-036 | Kontrast kolorów | — | ||
| Lekcja 8 — Smoke test po wdrożeniu | ||||
| TC-037 | Meta title strony | — | ||
| TC-038 | QR code — URL | — | ||
| TC-039 | Hard reload | — | ||
| TC-040 | Full smoke test (5 punktów) | — | ||
| Lekcja 9 — TestRail | ||||
| TC-041 | Konto trial TestRail | — | ||
| TC-042 | Projekt i Test Suite | — | ||
| TC-043 | Dodaj 3 TC do TestRail | — | ||
| TC-044 | Test Run i raport | — | ||
| Lekcja 10 — Rozmowa kwalifikacyjna | ||||
| TC-045 | Pytanie 1 — Opowiedz o sobie | — | ||
| TC-046 | Pytanie 2 — Co to jest TC? | — | ||
| TC-047 | Pytanie 3 — Bug lifecycle | — | ||
| TC-048 | Pytanie 4 — Narzędzia i projekty | — | ||
Wróć gdy skończysz TC-001–TC-010. Dodamy kolejną lekcję.