web-e2e

Run, create, and debug Playwright e2e tests for the web app. ALWAYS invoke this skill using the SlashCommand tool (i.e., /web-e2e) BEFORE attempting to run any e2e tests, playwright tests, anvil tests, or debug test failures. DO NOT run bun playwright test or other e2e commands directly - you must invoke this skill first to learn the correct commands and test architecture.

1. Zanim zaczniesz pisać lub uruchamiać jakiekolwiek testy e2e, zawsze najpierw wywołaj skill za pomocą narzędzia SlashCommand, wpisując /web-e2e. To zapewni, że znasz prawidłową architekturę testów i dostępne komendy dla Twojego projektu.

2. Umieść pliki testowe w katalogu apps/web/src/ i nazwij je zgodnie z konwencją: *.e2e.test.ts dla zwykłych testów lub *.anvil.e2e.test.ts dla testów wymagających lokalnego blockchaina.

3. Pamiętaj, że podczas uruchamiania testów Playwright portfel testowy podłącza się automatycznie — adres 0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266 z wyświetlaną nazwą test0. Oznacza to, że możesz od razu testować funkcje wymagające połączonego portfela bez dodatkowej konfiguracji.

4. Jeśli chcesz testować aplikację interaktywnie za pośrednictwem narzędzi Playwright MCP z automatycznie podłączonym portfelem, ustaw zmienną środowiskową REACT_APP_IS_PLAYWRIGHT_ENV=true przed uruchomieniem serwera deweloperskiego.

5. Używaj dostępnych narzędzi do nawigacji, robienia zrzutów ekranu, klikania elementów, wpisywania tekstu i monitorowania żądań sieciowych — wszystkie są zintegrowane ze skillem.

6. Jeśli napotkasz błędy w testach, zawsze najpierw sprawdź architekturę testów i dostępne komendy, ponownie wywołując /web-e2e, zamiast uruchamiać polecenia e2e bezpośrednio.