e2e-tests-studio

Skill automatycznie tworzy testy Playwright E2E dla zmian w komponenty React i interfejsie playground. Zamiast sprawdzać, czy elementy się wyświetlają, skupia się na walidacji rzeczywistego działania funkcji: czy agent się konfiguruje, czy dane się zapisują, czy narzędzia wykonują się w poprawnej kolejności. Wymaga serwera Playwright MCP i uruchamia się przy modyfikacji plików w packages/playground-ui lub packages/playground.

1. Upewnij się, że masz zainstalowany serwer Playwright MCP. Jeśli narzędzie browser_navigate jest niedostępne, uruchom: claude mcp add playwright -- npx @playwright/mcp@latest

2. Przed napisaniem testu zdefiniuj cel funkcji: jaki problem rozwiązuje, jaki jest oczekiwany wynik, jakie dane przepływają przez system, co powinno się zachować po przeładowaniu strony i jakie efekty uboczne powinny nastąpić.

3. Zbuduj projekt i uruchom serwer playground: pnpm build:cli, a następnie przejdź do packages/playground/e2e/kitchen-sink i uruchom pnpm dev. Sprawdź, czy serwer działa na http://localhost:4111

4. Pisz testy skupiające się na zachowaniu produktu, a nie na stanach UI. Testuj rzeczywiste działania: czy konfiguracja providera LLM działa, czy nowy agent się zapisuje i pojawia na liście, czy narzędzia zwracają oczekiwane wyniki, czy wiadomości w czacie przesyłają się poprawnie.

5. Skill automatycznie wyzwala się przy modyfikacji komponentów React, zmianach interfejsu, nowych funkcjach playground lub poprawkach błędów w studio. Wygenerowane testy będą walidować rzeczywiste działanie, nie tylko renderowanie elementów.