Async Component Test

Generates tests for components with async data lifecycle — covering loading, success, error, and retry states without timing hacks or act() warnings.

Phase 1: Discovery

Extract before writing:

1. Framework — React? Vue? (this skill defaults to React + Testing Library)
2. Data fetching mechanism — useEffect + fetch, React Query, SWR, Apollo, or server component?
3. Test runner — Jest + jsdom, or Vitest + jsdom/happy-dom?
4. How fetches are intercepted — jest.mock on a service module, msw (Mock Service Worker), or jest.spyOn(global, 'fetch')?
5. Does the component have a retry interaction — a button, a link, or auto-retry?
6. Suspense boundaries — is the component wrapped in <Suspense>? (changes how loading state is tested)

Default to msw if no interceptor preference is stated — it's the least brittle option.