Is it possible to define handlers within the test cases?

[FredLavoie]

I'm coming from using msw 0.49 which I've used both professionally and in personal projects. I was used to defining a catchall handler and then defining specific handlers in the test files themselves (see example below).

Is it still possible to do so at the individual test case level in msw 2?

Example:

// Login.test.tsx
import { server, rest } from "../../mockServer";

it("renders an error when inputing the wrong credentials", async () => {
        server.use(
            rest.post("*/dj-rest-auth/login/", (req, res, context) => {
                return res(
                    context.status(400),
                    context.json({ non_field_errors: ["Unable to log in with provided credentials."] }),
                );
            }),
        );

        render(<Login />);
        // enter in credentials
        fireEvent.change(screen.getByLabelText("Username"), { target: { value: "abc" } });
        fireEvent.change(screen.getByLabelText("Password"), { target: { value: "123" } });
        // click the login button
        const submitButton = screen.getByText("Login");
        fireEvent.click(submitButton);
        // the login should fail and display a message
        const errorMessage = await screen.findByText("Wrong username or password! Please try again.");
        expect(errorMessage).toBeInTheDocument();
        // clean up local storage
        localStorage.clear();
    });

// mockServer.ts

import { rest } from "msw";
import { setupServer } from "msw/node";

const server = setupServer(
 // handle missing get request
 rest.get("*", (req, res, context) => {
     return res(context.status(500), context.json({ error: "Add request handler to src/mockServer.js" }));
 }),
 // handle missing post request
 rest.post("*", (req, res, context) => {
     return res(context.status(500), context.json({ error: "Add request handler to src/mockServer.js" }));
 }),
);

beforeAll(() => server.listen({ onUnhandledRequest: "error" }));
afterAll(() => server.close());
afterEach(() => server.resetHandlers());

export { server, rest };

[mattcosta7]

this should work the same as it did in earlier versions, yes.

The only difference is the api for the resolvers