aibdd.auto.ts.it.handlers.aggregate-given

To preload API data for React integration tests using MSW, register deterministic mock responses with server.use() before executing scenarios. This establishes a known baseline state so components fetch consistent results without prior UI interactions.

Setting up initial system state for Gherkin IT tests involves configuring MSW mock handlers to return predefined aggregate data structures. This ensures every test scenario starts from a reliable, deterministic baseline and reduces flakiness.

Mocking aggregate data structures with MSW requires using server.use() to register handlers that return envelope structures like { success: true, data: ... }. Factory helpers generate the deterministic payload data for these mock responses.

MSW works with Gherkin scenarios to preload user progress or course data by intercepting API requests and returning configured mock responses. This allows integration tests to verify UI behavior against a preexisting state without real backend calls.

React integration tests fail when components fetch unmocked data before UI interactions because the system state is undefined. Registering MSW handlers to return deterministic envelope structures provides the required preexisting baseline data.

Factory helpers are needed to set up MSW handlers for integration testing because they generate the deterministic data payloads required for mock responses. Combined with server.use(), they ensure tests preload consistent aggregate structures reliably.