Comments (8)
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.
Related Issues (20)
- 'Cannot read properties of undefined (reading 'url')' when multiple browser tabs are open HOT 3
- Update Documentation to Include undici Compatibility Issues and Solutions HOT 1
- Allow opting out from automatic processing unhandled exceptions in handlers HOT 4
- Allow customization of network error HOT 1
- Update 2.x removeAllListeners documentation
- Uncaught SyntaxError: Unexpected string (at msw.js?v=2dd0a77b:2057:51) HOT 2
- Include GraphQL operation name in the unhandled request warning HOT 4
- Trying to pull body in POST mocks breaks mocking HOT 3
- Error: [MSW] Failed to locate the Service Worker registration.
- Issue when no response.url and request is undefined
- msw/node unable to intercept requests from fetch in undici HOT 4
- request.formData() fails with vitest and file HOT 5
- Make bad "Network behavior overrides" more obvious HOT 1
- Optional path parameters do not match correctly HOT 4
- Always results in Network Error when using undici 6.x HOT 3
- Recieving `Network error` after moving to codegen msw handlers, various dependency upgrades and the addition of RTK query.
- Unclear how to throw an actual error HOT 1
- Axios fails to follow redirects from MSW mocked responses HOT 2
- FormData with file fails in with-jest HOT 2
- Native fetch is intercepted, but openapi-fetch call makes actual request HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from msw.