waitFor resolver

AnyComponent.test.tsx

import { waitFor } from '@testing-library/react';
import { server } from '../../../../test/mocks/server';
import { generateSomething } from '../../test/fixtures/something.fixture';
import { renderWrapper } from '../../test/helpers/renderWrapper';
import { AnyComponent } from './AnyComponent';

describe('Rendering any component with `renderWrapper`', () => {
  it('should wait for msw resolver to execute', async () => {
    const getSomethingResolver: Parameters<typeof mockGetSomethingQuery>[0] = jest.fn(
      (_req, res, ctx) => res(ctx.data({ getSomething: generateSomething()})),
    );
    server.use(mockGetSomethingQuery(getSomethingResolver))
    renderWrapper(<AnyComponent />);

    await waitFor(() => {
      expect(getSomethingResolver).toHaveBeenCalledTimes(1);
    });
  });
});