How do I generate a new API fixture?

Simply run a test that triggers an API call. If no fixture exists for that endpoint, the system will automatically generate one and save it to the common mocks directory.

How do I handle APIs that aren't in the OpenAPI schema?

For rare cases like third-party APIs without a schema, you can add custom handlers to the customHandlers/index.ts file, though schema-based fixtures are preferred.

Where are the mock fixtures stored?

Fixtures are organized by endpoint path and HTTP method within the renderer/src/common/mocks/fixtures/ directory.

What is the primary benefit of the testing-with-api-mocks skill?

It automates the creation of realistic API mock data based on your OpenAPI schema, which reduces manual test setup and ensures mocks stay up-to-date with your API definitions.

Can I customize the data in an auto-generated mock?

Yes, you can edit the generated fixture file directly to set project-wide defaults, or use the override methods described in related skills for specific test-case requirements.

API Mocking for Automated Testing

Name: API Mocking for Automated Testing
Author: stacklok

bystacklok

•

보안 및 테스팅

Automates the generation and management of schema-based API mocks and fixtures for robust integration testing.

This skill provides a comprehensive framework for handling API interactions in tests by leveraging Mock Service Worker (MSW) and OpenAPI schemas. It automatically generates realistic data fixtures upon the first execution of a test, organizes them intuitively by endpoint path and method, and provides typed access to request parameters. This ensures that tests remain synchronized with the API specification while significantly reducing the manual effort required to maintain mock data and custom handlers.

주요 기능

0181 GitHub stars

02Typed fixture management for precise API response control

03Automatic generation of mocks from OpenAPI schemas

04Organized directory structure mapping to API endpoints

05Seamless integration with MSW (Mock Service Worker)

06Workflow for migrating legacy custom handlers to standardized fixtures

사용 사례

01Generating realistic mock data for complex nested API responses without manual coding

02Refactoring legacy test suites to use standardized, schema-driven mock patterns

03Writing integration tests for frontend components that fetch data from REST APIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stacklok/toolhive-studio testing-with-api-mocks

For use in Claude.ai and ChatGPT

Download Skill