dashboard.test.tsx

describe('Dashboard tests', () => {
  test('Renders dashboard without', async () => {
    server.use(getDashboardDataMock(); // first res
    const { getByTestId } = render(<Dashboard />);
    await waitFor(() => {
      expect(getByTestId(/dashboard-trips/i)).toBeNull();
    });
  });
  test('Renders dashboard with trips', async () => {
    const { getByText, getAllByTestId } = render(<Dashboard />);
    server.use(getDashboardDataMock(withTripsMock); // second res
    await waitFor(() => {
      expect(getByTestId(/dashboard-trips/i)).not.toBeNull();
    });
  });

gistfile1.tsx

import { server } from './mocks/server.js';
import { vi } from 'vitest';


beforeAll(() => {
  server.listen({ onUnhandledRequest: 'bypass' });
});

beforeEach(() => {
  vi.clearAllMocks();
  apolloClient.cache.reset();
});

afterEach(() => {
  server.resetHandlers();
  cleanup();
  vi.clearAllMocks();
  apolloClient.cache.reset();
});
afterAll(() => {
  server.close();
});

server.ts

// server.ts

import { setupServer } from 'msw/node';

export const server = setupServer();