Hey! Would you like a free Testing Library cheat sheet?

Yes please!

Make your tests fail on network requests with MSW

This won't work. It will only console.error the unhandled requests:

import { setupServer } from "msw/node";

const mockServer = setupServer();

beforeAll(() => {
  mockServer.listen({ onUnhandledRequest: "error" });
});

You can use this workaround:

import { setupServer } from "msw/node";

const mockServer = setupServer();

let unhandledRequests = [];
beforAll(() => {
  mockServer.listen({
    onUnhandledRequest: (req) => {
      unhandledRequests.push(`${req.method} ${req.url}`);
    },
  });
});

beforeEach(() => {
  unhandledRequests = [];
});

afterEach(() => {
  expect(unhandledRequests).toEqual([]);
});

Like what you see? Follow me!

Newsletter!

Or