act() Testing Utils

test-utils-act.ts

// From https://twitter.com/diegohaz/status/1560525455383461888
// by Diego Haz @diegohaz

// Wait for all queueMicrotask() callbacks
export function flushMicrotasks() {
  return act(() => Promise.resolve());
}

// Wait for all requestAnimationFrame() callbacks
export function nextFrame() {
  return act(
    () => new Promise((resolve) => requestAnimationFrame(() => resolve()))
  );
}

// Wait for setTimeout() callbacks
export async function sleep(ms: number) {
  await act(() => new Promise((resolve) => setTimeout(resolve, ms)));
  await nextFrame();
}