My request is not intercepted/mocked in NodeJS (tests) If this doesn’t look right

Environment

Name	Version
msw	^0.21.2
node	12.12.0
OS	10.15.7 (Catalina)

Request handlers

// Example of declaration. Provide your code here.
import { setupServer } from 'msw/node'
import { rest } from 'msw'

const server = setupServer(
  rest.get(`${API_URL}/brands?query=""`, (req, res, ctx) => {
    return res(
      ctx.json({
        cursor: "super-cursor",
        data: [
          { id: 1, title: "Lu" },
          { id: 2, title: "Milka" },
        ],
      })
    );
  })
);

beforeAll(() => {
  server.listen();
  setToken("fakeToken");
});
afterEach(() => server.resetHandlers());
afterAll(() => {
  server.close();
  deleteToken();
});

describe("my test", () => {

   it("should render 'no data' text when list of item is empty", async () => {
      server.use(
        rest.get(`${API_URL}/brands?query=""`, (req, res, ctx) => {
          return res(
            ctx.json({
              cursor: "super-cursor",
              data: [],
            })
          );
        })
      );

      render(<BrandView />);

      await waitFor(() => {
        expect(screen.getByText("No Data")).toBeInTheDocument();
      });
    });

    it("should pop the error message when request failed", async () => {
      const message = "Something happen!";
      server.use(
        rest.get(`${API_URL}/brands?query=""`, (_, res, ctx) => {
          return res(ctx.json({ message }));
        })
      );

      render(<BrandView />);

      await waitFor(() => {
        expect(screen.getByText(message)).toBeInTheDocument();
      });
    });

})

Actual request

return await fetch(`${API_URL}/brands?query=${query}`, {
    headers: {
      ...headers,
      Authorization: `Bearer ${token}`,
    },
  }).then((data) => data.json());

Current behavior

My second test fails. The UI’s behavior is the same as the first test. Maybe there is an overlap? It’s like the second test was run with the first mock.

Expected behavior

My second test should be run with the second mock.

Screenshots

[tony-go]

@kettanaito thanks ^^

[kettanaito]

@tony-go, I’ve moved your test into a reproduction repository with a minimal UI logic around it. Both tests pass rendering the correct result, applying the runtime handler.

Please use that repo as a reference to investigate further. I’m closing this, as there is no evident issue on MSW side.