ark-dashboard-and-ui-testing

Test the Ark Dashboard and UI with Playwright and create PRs with screenshots. Use this skill when testing dashboard UI, taking screenshots for PRs, or validating dashboard changes.

1. Sprawdź, czy masz dostęp do Kubernetes, uruchamiając kubectl cluster-info. Jeśli polecenie się nie powiedzie, upewnij się, że klaster (Kind lub inny) jest uruchomiony i kubectl jest skonfigurowany. Jeśli Ark nie jest jeszcze wdrożony, użyj najpierw skilla ark-setup.

2. Skonfiguruj port forwarding do dashboarda, wykonując kubectl port-forward svc/ark-dashboard 3000:3000 -n default w tle, a następnie sprawdź dostępność za pomocą curl http://localhost:3000.

3. Użyj narzędzi Playwright MCP do nawigacji i testowania: browser_navigate do otwierania stron, browser_wait_for do czekania na elementy, browser_click do klikania, browser_take_screenshot do robienia zrzutów ekranu. Zrzuty będą zapisywane w .playwright-mcp/screenshots/.

4. Przenieś zrzuty ekranu do katalogu ./screenshots/ w celu lepszej organizacji.

5. Jeśli chcesz załączyć zrzuty do pull requesta, sprawdź czy masz repozytorium scratch za pomocą gh repo view <USERNAME>/scratch. Jeśli go nie masz, utwórz strukturę katalogów scratch/pull-request-attachments/<org>_<repo>/.

6. Sklonuj swoje repozytorium scratch, skopiuj zrzuty ekranu do odpowiedniego katalogu, dodaj pliki do gita (git add .), zatwierdź zmianę (git commit -m "chore: screenshots for <org>/<repo> PR") i wyślij (git push). Następnie odwołaj się do zrzutów w treści pull requesta.