XMLHttpRequest testing in Jest

by

The jest api has changed a bit. This is what I use. It doesn’t do anything but it’s enough to render my components.

const xhrMockClass = () => ({
  open            : jest.fn(),
  send            : jest.fn(),
  setRequestHeader: jest.fn()
})

window.XMLHttpRequest = jest.fn().mockImplementation(xhrMockClass)

and in the test file:

import '../../__mock__/xhr-mock.js'

More Related Contents:

  1. How can I upload files asynchronously with jQuery?
  2. Send POST data using XMLHttpRequest
  3. Origin is not allowed by Access-Control-Allow-Origin
  4. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  5. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  6. HTTP HEAD Request in Javascript/Ajax?
  7. jQuery has deprecated synchronous XMLHTTPRequest
  8. Prevent redirection of Xmlhttprequest
  9. What’s the best way to retry an AJAX request on failure using jQuery?
  10. How to upload a file using jQuery.ajax and FormData
  11. Empty responseText from XMLHttpRequest
  12. How to intercept all http requests including form submits
  13. Show a progress bar for downloading files using XHR2/AJAX
  14. How to get response url in XMLHttpRequest?
  15. Fetch API vs XMLHttpRequest
  16. AJAX File Upload with XMLHttpRequest
  17. loading json data from local file into React JS
  18. XMLHttpRequest (Ajax) Error
  19. Cross-site XMLHttpRequest
  20. Javascript: Overriding XMLHttpRequest.open()
  21. How to Detect Cross Origin (CORS) Error vs. Other Types of Errors for XMLHttpRequest() in Javascript
  22. XmlHttpRequest onprogress interval
  23. Overriding XMLHttpRequest.open()
  24. Reuse XMLHttpRequest object or create a new one?
  25. IE10/IE11 Abort Post Ajax Request After Clearing Cache with error “Network Error 0x2ef3”
  26. Same Origin Policy – AJAX & using Public APIs
  27. Opinion about synchronous requests in web workers
  28. Intercept XMLHttpRequest and modify responseText
  29. Adding X-CSRF-Token header globally to all instances of XMLHttpRequest();
  30. XmlHttpRequest.responseText while loading (readyState==3) in Chrome

Leave a Comment