data-client-vue-testing

Use renderDataCompose() with initialFixtures to pre-populate the store, then call waitForNextUpdate() to resolve the suspended state. useSuspense returns a Promise of a ComputedRef, so await it once and assert on the ref's .value.

Use nock with .persist() and an .options(/.*/).reply(200) preflight handler, since JSDOM fetch sends CORS preflights. For pure store behavior, prefer initialFixtures or resolverFixtures, which are lighter and need no global setup.

Call jest.useFakeTimers() before rendering so the interval is created under fake timers, then use jest.advanceTimersByTime(frequency) to trigger polls. Await allSettled() and nextTick() before asserting, and restore real timers in afterEach.

The flushUntil helper uses setTimeout, which never fires under fake timers, causing an infinite loop. Use a fake-timer-safe variant that only awaits Promise.resolve() and nextTick() without setTimeout.

Yes, pass a reactive() object as props and wrap arguments in computed() so the composable tracks changes. Mutating props.id re-runs the query; setting args to null via computed makes the result undefined.