Mocking `document` in jest

by

Similar to what others have said, but instead of trying to mock the DOM yourself, just use JSDOM:

// __mocks__/client.js

import { JSDOM } from "jsdom"
const dom = new JSDOM()
global.document = dom.window.document
global.window = dom.window

Then in your jest config:

    "setupFiles": [
      "./__mocks__/client.js"
    ],

More Related Contents:

  1. Does Jest support ES6 import/export?
  2. How do I deal with localStorage in jest tests?
  3. How to resolve “Cannot use import statement outside a module” in jest
  4. Mocking globals in Jest
  5. How to resolve “Cannot use import statement outside a module” from Jest when running tests?
  6. How do I run a single test using Jest?
  7. Console.log statements output nothing at all in Jest
  8. Jest gives an error: “SyntaxError: Unexpected token export”
  9. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  10. Loose match one value in jest.toHaveBeenCalledWith
  11. How to run Jest tests sequentially?
  12. How do I test axios in Jest?
  13. How can I mock the JavaScript window object using Jest?
  14. How to make Jest wait for all asynchronous code to finish execution before expecting an assertion
  15. Jest + Typescript + Absolute paths (baseUrl) gives error: Cannot find module
  16. Testing with React’s Jest and Enzyme when simulated clicks call a function that calls a promise
  17. How to test the type of a thrown exception in Jest
  18. How can I use Jest to spy on a method call?
  19. how to reset module imported between tests
  20. Absolute paths (baseUrl) gives error: Cannot find module
  21. Jest gives `Cannot find module` when importing components with absolute paths
  22. How to mock Axios with Jest?
  23. Jest – SyntaxError: Cannot use import statement outside a module
  24. Remove logging the origin line in Jest
  25. Jest test fails : TypeError: window.matchMedia is not a function
  26. how to change jest mock function return value in each test?
  27. How to solve the “update was not wrapped in act()” warning in testing-library-react?
  28. How to test Async Storage with Jest?
  29. Is it possible to put test files under pages directory in Next.js?
  30. Vscode TS language features unavailable when tests/** are not included in the tsconfig

Leave a Comment