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

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

[charitha95]

Im still getting this error. This is a repo which re produces the error. If anyone could help me, that would be awesome ❤️ https://github.com/charitha95/msw-test