Bug Replay, jak nagrać i odtworzyć buga 1:1

"can't reproduce". Dwa słowa, które zatrzymują sprinty. Tester zgłasza buga, dev próbuje odtworzyć, nie udaje się, ticket wraca. Bug Replay rozwiązuje ten problem: nagrywa dokładne akcje testera i pozwala odtworzyć buga jednym kliknięciem. Bez zgadywania, bez interpretacji opisu.

Dlaczego bugi wracają z "can't reproduce"

Tester znajduje buga. Opisuje kroki w Jirze. Developer czyta opis, próbuje odtworzyć. Nie udaje się. Ticket wraca z komentarzem "can't reproduce". Tester opisuje dokładniej. Dev próbuje ponownie. Pętla.

Jeden taki bug to 20-30 minut deva na próby odtworzenia. W zespole z 5 testerami, 3-5 takich bugów tygodniowo to kilka godzin pracy developera, które mogły pójść na pisanie kodu.

Dlaczego tak się dzieje? Opis tekstowy traci kontekst. Kolejność kliknięć, timing między akcjami, stan aplikacji w momencie buga. Tester pamięta co robił. Ale odtworzenie tego z opisu to jak odtworzenie przepisu z opowieści kogoś, kto gotował z pamięci. Każdy taki ping-pong między testerem a devem to czysty context switching, który zabija produktywność.

Co to jest Bug Replay (i czym NIE jest)

Bug Replay to funkcja wtyczki Voice2Bug, która nagrywa akcje testera: kliknięcia, wpisywany tekst, nawigację między stronami, URL-e, timestampy. Nagranie zapisuje się jako plik JSON z dokładną sekwencją kroków.

Developer importuje ten plik i klika "Play". Przeglądarka powtarza dokładną sekwencję kroków testera. Bez zgadywania, bez interpretacji opisu, bez "a może chodziło o ten przycisk".

Bug Replay to NIE jest nagrywanie ekranu. Loom nagrywa piksele: dostajesz wideo, oglądasz je i próbujesz nadążyć klikając w te same miejsca. Bug Replay nagrywa akcje: klikasz "odtwórz" i przeglądarka robi resztę.

Krok po kroku: jak nagrać i odtworzyć buga

Cały proces od strony testera zajmuje kilka kliknięć. Od strony deva jeszcze mniej.

Krok 1: Otwórz stronę z bugiem

Jesteś na stronie, na której znalazłeś buga. Kliknij ikonę wtyczki Voice2Bug w pasku Chrome. Otwiera się side panel.

Krok 2: Kliknij "Record"

Od tego momentu wtyczka rejestruje każde Twoje kliknięcie, każdy wpisany tekst i każdą zmianę URL. Przejdź ścieżkę buga tak, jak ją znalazłeś. Nie musisz robić nic specjalnego. Po prostu powtórz kroki.

Krok 3: Kliknij "Stop"

Raport z nagraniem jest gotowy. Widzisz listę zarejestrowanych akcji z timestampami. Każde kliknięcie, każdy input, każda nawigacja.

Krok 4: Export

Dwie opcje: pobierz plik .v2b-replay.json na dysk albo wyślij nagranie bezpośrednio do Jiry jako załącznik ticketa. Jeśli używasz Voice2Bug do szybkiego raportowania bugów, Bug Replay dołącza się do tego samego raportu.

Krok 5: Developer klika "Play"

Dev otwiera side panel Voice2Bug, importuje plik (lub otwiera nagranie z Jiry) i klika "Play". Przeglądarka odtwarza kroki. Dev widzi dokładnie to, co widział tester. Koniec z "can't reproduce".

Team Replay Library: współdzielenie w zespole

"Share with Team" to jedno kliknięcie. Po udostępnieniu cały zespół widzi nagranie w bibliotece organizacji. Scenariusze są dostępne tylko dla osób z tej samej organizacji (org-scoped). Nikt spoza Twojego zespołu nie ma dostępu.

Praktyczny przykład: nowy tester dołącza do projektu. Zamiast tłumaczyć mu jak odtworzyć znane bugi, wysyłasz link do Team Replay Library. Importuje scenariusze i wie dokładnie jak wyglądają kroki reprodukcji. Onboarding z tygodnia do dnia.

Bezpieczeństwo i prywatność

Bug Replay nagrywa metadane: selektory CSS, URL-e, typ akcji (kliknięcie, input, nawigacja). NIE nagrywa screenshotów, treści ekranu ani danych osobowych.

Admin Twojej organizacji decyduje, na których stronach wtyczka działa (whitelist). Poza whitelistą Voice2Bug jest nieaktywny.

Dane przechowywane na serwerach w EU (Frankfurt): Supabase i Digital Ocean. Szyfrowanie HTTPS/TLS w transmisji, AES-256 at rest. Polityka prywatności zgodna z RODO, DPA z podprocesorami dostępne na życzenie.

FAQ

"Czy to działa na każdej stronie?"

Tak, na każdej stronie z whitelisty ustawionej przez admina Twojej organizacji. Poza whitelistą wtyczka nie nagrywa.

"Co jeśli selektor CSS się zmieni?"

Bug Replay działa najlepiej, gdy tester i dev pracują na tej samej wersji aplikacji. Jeśli selektor się zmienił (np. po deployu), odtworzenie może nie trafić w odpowiedni element. AI Selector Healing jest w roadmapie.

"Czy to jest bezpieczne?"

Tak. Bug Replay nagrywa metadane (selektory CSS, URL-e), nie treść ekranu. Szczegóły w sekcji Bezpieczeństwo i prywatność powyżej.

"Ile to kosztuje?"

Bug Replay jest darmowy. Bez rejestracji, bez karty kredytowej. Instalujesz wtyczkę Chrome i nagrywasz od razu. Pełna wersja z AI-raportami, nagrywaniem głosu i integracją Jira: 79 PLN netto/użytkownik/miesiąc.

Jeśli interesuje Cię druga strona Voice2Bug, czyli głosowe raportowanie bugów, sprawdź osobny artykuł na blogu.