Mocked data getting empty string about msw HOT 8 CLOSED

Hi, @vishal-vc. Please submit a reproduction repository for this issue. We have an extensive test suite that doesn't replicate your issue. Clearly, something is specific to your setup.

Happy to iterate on this once you post a repo. Until then, closed.

from msw.

@vishal-vc did you find a specific fix for this issue? I am experiencing it.

Using React Native, ^0.68.7, and MSW latest with axios.

FYI,

  http.post('/something', () => {
    return new Response({test:true}, {
      status: 200,
      headers: {
        'Content-Type': 'application/json',
        'Content-Length': 1270,
        'Last-Modified': 'Mon, 13 Jul 2020 15:00:00 GMT',
      },
    });
  })

The headers and repsonse status is set correctly, however the response is still ''

from msw.

hey @mayfairr-plt take a look at #2026 I think it's the same issue. I'm not sure where the fix is necessarily going to be applied though (here, or RN, or Axios etc.)

from msw.

@mayfairr-plt, it looks you are using the Response class incorrectly. You have to stringify the body:

-return new Response({test:true}, {
+return new Response(JSON.stringify({test:true}), {

Once you do, the response body will be the JSON you expect.

Alternatively, use the Response.json() static method or HttpResponse.json(), where the stringifying isn't necessary:

+import { HttpResponse } from 'msw'

http.post('/something', () => {
-    return new Response({test:true}, {
+    return HttpResponse.json({test:true}, {
        status: 200,
        headers: {
-       'Content-Type': 'application/json',
-       'Content-Length': 1270,
        'Last-Modified': 'Mon, 13 Jul 2020 15:00:00 GMT',
        },
    });
})

from msw.

Also experiencing this. I'm in a repo with significant legacy dependencies/jest setup. It's hard to pinpoint the issue but I'm consistently getting an empty string for data from axios even though the content-length of the response accurately describes the content I'm returning from the endpoint.

Sorry, I don't have a repo (I tried a vitest stackblitz only to find out it worked without my legacy cruft), but just wanted to add a commiserative "me too"

Using the latest axios and latest msw

from msw.

@akmjenkins, see if there aren't any errors during the request. Those may not surface apparently all the time. Otherwise, I cannot help much without a reproduction case for this.

from msw.

@kettanaito here you go:

https://stackblitz.com/edit/stackblitz-starters-prcm96

It looks like it has to do with whatwg-fetch which is a common polyfill in react/react-native projects

When you use the fetch Request/Response classes from the node environment it works.

I haven't gone any further, though.

Likely the same underlying issue as #2026

from msw.

Tried doing what you suggested @akmjenkins didn't work from the get go and couldn't invest enough time trying to get it to work. Ended up using v1 msw, and it worked without any issues 🚀

from msw.