Mocks network-level API requests for frontend testing using Mock Service Worker 2.x standards.
This skill enables production-ready API mocking by intercepting requests at the network level, ensuring your tests interact with real fetch/axios calls rather than brittle module mocks. It provides a comprehensive set of patterns for REST, GraphQL, and WebSocket simulation, allowing Claude to generate robust test suites that handle success states, complex error scenarios, and network latency. By following MSW 2.x best practices, it helps maintain a clean separation between your component logic and API infrastructure.
Key Features
01Configurable delay and latency simulation for testing loading states
02Network-level interception for REST and GraphQL APIs using MSW 2.x
0369 GitHub stars
04Runtime handler overrides for specific test-case scenario customization
05Standardized setup patterns for Vitest and Jest environments
06WebSocket (WS) mocking for simulating real-time events and connections
Use Cases
01Testing UI components in isolation with deterministic API responses
02Developing frontend features when the backend API is still under construction
03Simulating edge cases like 500 errors, 404s, and network timeouts
