Msw: connect ECONNREFUSED when i use msw with react-testing-library

[veronesecoms]

Environment

| Name | Version |
| ---- | ------- |
| msw | ^0.21.2 |
| node | v12.18.3 |
| OS | W10 |

Request handlers

const server = setupServer(
  rest.post("http://localhost:3100/users", (req, res, ctx) => {
    return res(
      ctx.json({ message: 'Usuário registrado com sucesso!' }),
      ctx.status(200)
    );
  })
);

beforeAll(() => server.listen())
afterEach(() => server.resetHandlers())
afterAll(() => server.close())

My test call one function that make a http request:

test("should register user successfully when all fields is correctly filled", async () => {
   `fireEvent.click(registerButton);`
})

That calls:

const registerUser = async (
  user: IRegisterUser
): Promise<AxiosResponse<IRequestResponse>> => {
const api = axios.create({
  baseURL: "http://localhost:3100",
});
  return await api.post("/users", user);
};

I'm receiving this error:

Error: Error: connect ECONNREFUSED 127.0.0.1:3100

[marcosvega91]

Hi @veronesecoms thanks for raising this 😄

Have you tried to use onUnhandledRequest option to understand if you have configured your handler well?

You can add the option in this way

beforeAll(() => server.listen({
  onUnhandledRequest: 'error',
}))

If this is not useful for your case, could I ask you to create a reproduction repo ? I can help you better.

Thank you so much

[kettanaito]

Hey. There isn't anything evidently wrong in the code you've shared, it should work fine. I recommend looking into these points:

• Are you using any Axios adapter?
• What changes if you configure onUnhandledRequest per @marcosvega91's suggestion?
• Double check that you import setupServer from msw/node and rest from msw (note no /node here).

Let us know the result of applying these suggestions. Thanks.

[kettanaito]

I'm closing this due to inactivity.

If you're still experiencing this, check the suggestions above. The ECONNREFUSED error means that your request handlers did not cover a performed request (it wasn't mocked), so it got performed as-is. Since the endpoint you were requesting didn't exist, you got the connection refusal error.