playwright-app-testing

Umiejętność do testowania aplikacji Expensify w przeglądarce przy użyciu Playwright. Użyj jej, gdy chcesz zweryfikować zmiany interfejsu, debugować problemy UI lub sprawdzić poprawność frontendu. Narzędzie automatycznie otwiera serwer deweloperski, loguje się do środowiska testowego i wykonuje interakcje z aplikacją — klikanie, wpisywanie tekstu, nawigacja i snapshoty. Idealne do szybkiej walidacji zmian bez ręcznego testowania.

1. Upewnij się, że serwer deweloperski jest uruchomiony — sprawdź proces webpack poleceniem ps aux | grep "webpack" | grep -v grep. Jeśli serwer nie działa, uruchom go komendą cd App && npm run web.

2. Umiejętność automatycznie połączy się z adresem https://dev.new.expensify.com:8082/ i otworzy aplikację w przeglądarce za pośrednictwem Playwright.

3. Zaloguj się do środowiska testowego — użyj losowego adresu Gmail (np. user+throwaway@gmail.com). Dla nowych kont naciśnij przycisk dołączenia, dla istniejących wpisz magiczny kod 000000.

4. Jeśli chcesz pominąć ekrany onboardingu (domyślnie są włączone), zmień flagę SKIP_ONBOARDING=false na true w pliku .env przed uruchomieniem serwera.

5. Używaj narzędzi Playwright do interakcji z interfejsem — inspekcji elementów, klikania przycisków, wpisywania tekstu i nawigacji. Po każdej akcji zrób snapshot, aby sprawdzić wynik zamiast dodawać arbitralne czekania.

6. Umiejętność jest szczególnie przydatna po zmianach kodu frontendu — pozwala szybko zweryfikować, że Twoje modyfikacje działają poprawnie w przeglądarce.