writing-dev-server-tests

Skill do pisania testów dla dev servera, hot module replacement i bundlingu w projekcie Bun. Zawiera gotowe narzędzia (devTest, prodTest, Dev, Client) i strukturę katalogów test/bake/ z przykładami dla CSS, HTML, React, source map i kompatybilności bibliotek. Użyj go, gdy tworzysz lub modyfikujesz testy dla serwera deweloperskiego, przeładowania na gorąco lub procesów bundlingu.

1. Zainstaluj skill w swoim projekcie Bun — dodaj go do konfiguracji Claude/Copilot jako skill dla zadań związanych z testowaniem dev servera.

2. Przejrzyj strukturę katalogów w test/bake/ — zapoznaj się z plikami bake-harness.ts (funkcje devTest, prodTest, Dev, Client), client-fixture.mjs (subprocess do testów klienta) i istniejącymi testami w podkatalogach dev/ oraz dev-and-prod/.

3. Wybierz kategorię testu na podstawie tego, co testujesz — bundle.test.ts dla bundlingu, css.test.ts dla CSS, plugins.test.ts dla pluginów, ecosystem.test.ts dla kompatybilności bibliotek, esm.test.ts dla ESM, html.test.ts dla HTML, react-spa.test.ts dla React, sourcemap.test.ts dla source map.

4. Utwórz nowy plik testowy lub otwórz istniejący — użyj funkcji devTest() z bake-harness, zdefiniuj obiekty files (stan systemu plików), test (logika testu) i opcjonalne konfiguracje.

5. W funkcji test() używaj metod dev.fetch() do żądań HTTP, dev.patch() do modyfikacji plików, dev.client() do interakcji z klientem oraz expectMessage(), expectReload() do weryfikacji zmian na żywo.

6. Uruchom testy — wykonaj polecenie testowania Bun, aby sprawdzić, czy hot reload i bundling działają zgodnie z oczekiwaniami.