writing-dev-server-tests
Guides writing HMR/Dev Server tests in test/bake/. Use when creating or modifying dev server, hot reloading, or bundling tests.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Guides writing HMR/Dev Server tests in test/bake/. Use when creating or modifying dev server, hot reloading, or bundling tests.
How to use
Zainstaluj skill w swoim projekcie Bun — dodaj go do konfiguracji Claude/Copilot jako skill dla zadań związanych z testowaniem dev servera.
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/.
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.
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.
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.
Uruchom testy — wykonaj polecenie testowania Bun, aby sprawdzić, czy hot reload i bundling działają zgodnie z oczekiwaniami.